Skip to content

subscribe "Tech2etc" #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

subscribe "Tech2etc" #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
135 changes: 135 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,145 @@
<title>Tech2etc Ecommerce Tutorial</title>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="style.css">
</head>

<body>
<section id="header">
<a href="#"><img src="img/logo.png" alt="logo"></a>
<div>
<ul id="navbar">
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">shop</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a class="active" href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li id="lg-bag"><a href="cart.html"><i class="fa fa-shopping-bag"></i></a></li>
<!-- <a href="#" id="close"><i class="far fa-times"></i></a> -->
</ul>
</div>

</section>

<section id="page-header" class="about-header">
<h2>#KnowUs</h2>
<p>Lorem ipsum dolor sit amet,consectetur</p>
</section>

<section id="about-head" class="section-p1">
<img src="img/about/a6.jpg" alt="">
<div>
<h2>Who We Are?</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Natus ipsum facere modi sapiente amet! Rem esse eum nobis. Adipisci perferendis aut perspiciatis repudiandae at quibusdam fuga recusandae temporibus ipsum reiciendis mollitia alias totam nemo nam expedita architecto maxime, vero voluptas rerum praesentium. Veritatis porro, ipsa reiciendis, quis, tenetur veniam neque iste sequi cum at a enim consectetur recusandae placeat repudiandae minima deleniti voluptates cumque tempora tempore saepe vero sed nulla!</p>

<abbr title="">Create stunning images with as much or little control as you like thanks to a choice of Basic and and Creative modes.</abbr>

<br><br>

<marquee bgcolor="#ccc" loop="-1" scrollamount="5" width="100%" >Creat stunning images with as much or as little control as you like thanks to a choice of Basic and Creative modes</marquee>
</div>
</section>

<section id="about-app" class="section-p1">
<h1>Download Our <a href="#">App</a></h1>
<div class="video">
<video autoplay muted src="img/about/1.mp4"></video>

</div>
</section>

<section id="feature" class="section-p1">
<div class="fe-box">
<img src="img/features/f1.png" alt="">
<h6>Free Shipping</h6>
</div>
<div class="fe-box">
<img src="img/features/f2.png" alt="">
<h6>Online Order</h6>
</div>
<div class="fe-box">
<img src="img/features/f3.png" alt="">
<h6>Save Money</h6>
</div>
<div class="fe-box">
<img src="img/features/f4.png" alt="">
<h6>Promotions</h6>
</div>
<div class="fe-box">
<img src="img/features/f5.png" alt="">
<h6>Happy Sell</h6>
</div>
<div class="fe-box">
<img src="img/features/f1.png" alt="">
<h6>24/7 Support</h6>
</div>
</section>

<section id="newsletter" class="section-p1 section-m1">
<div class="newstext">
<h4>Sign Up for Newsletters</h4>
<p>Get E-mail updates about our latest shop and <span>special offers.</span></p>
</div>
<div class="form">
<input type="email" placeholder="Your email address">
<button class="normal">Sign Up</button>
</div>
</section>

<footer class="section-p1">
<div clasclass="logo" src="img/logo.png" alt="">
<h4>Contact</h4>
<p><strong>Address:</strong>562 wellington Road, Street 32, san Francisco</p>
<p><strong>Phone:</strong>+91 2222 365 /(+91) 01 2345 6789</p>
<p><strong>Hours:</strong>10:00 -18:00, Mon - sat</p>
<div class="follow">
<h4>Follow us</h4>
<div class="icon">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-pinterest-p"></i>
<i class="fab fa-youtube"></i>
</div>
</div>
</div>

<div class="col">
<h4>About</h4>
<a href="#">About us</a>
<a href="#">Delivery Information</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms & Conditions</a>
<a href="#">Contact Us</a>
</div>

<div class="col">
<h4>My Account</h4>
<a href="#">Sign In</a>
<a href="#">View Cart</a>
<a href="#">My Wishlist</a>
<a href="#">Track My Order</a>
<a href="#">Help</a>
</div>

<div class="col install">
<h4>Install App</h4>
<p>From App Store or Google Play</p>
<div class="row">
<img src="img/pay/app.jpg">
<img src="img/pay/play.jpg">
</div>
<p>Secured Payment GateWays</p>
<img src="img/pay/pay.png">
</div>

<div class="copyright">
<p>0 2021, Tech2 etc -HTML SCC Ecommerce Template</p>
</div>
</footer>


<script src="script.js"></script>
</body>
Expand Down
156 changes: 156 additions & 0 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,166 @@
<title>Tech2etc Ecommerce Tutorial</title>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="style.css">
</head>

<body>
<section id="header">
<a href="#"><img src="img/logo.png" alt="logo"></a>
<div>
<ul id="navbar">
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">shop</a></li>
<li><a class="active" href="blog.html">Blog</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li id="lg-bag"><a href="cart.html"><i class="fa fa-shopping-bag"></i></a></li>
</ul>
</div>
</section>

<section id="page-header" class="blog-header">
<h2>#readmore</h2>
<p>Read all case studies about our products!</p>

</section>

<section id="blog">
<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b1.jpg" alt="">
</div>
<div class="blog-details">
<h4>the Cotton-Jersey Zip-Up Hoodie</h4>
<p>Kickstarter man braid godard coloring book. Raclette waistcoat selfies yrwolf chartreuse hextagon irony, rodard...</p>
<a href="#">CONTINUE READING</a>
</div>
<h1>08/01</h1>
</div>

<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b2.jpg" alt="">
</div>
<div class="blog-details">
<h4>How to style a quiff</h4>
<p>Kickstarter man braid godard coloring book. Raclette waistcoat selfies yrwolf chartreuse hextagon irony, rodard...</p>
<a href="#">CONTINUE READING</a>
</div>
<h1>06/01</h1>
</div>

<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b3.jpg" alt="">
</div>
<div class="blog-details">
<h4>Must-Have Skater Girl Items</h4>
<p>Kickstarter man braid godard coloring book. Raclette waistcoat selfies yrwolf chartreuse hextagon irony, rodard...</p>
<a href="#">CONTINUE READING</a>
</div>
<h1>04/01</h1>
</div>

<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b4.jpg" alt="">
</div>
<div class="blog-details">
<h4>Runway-Inspired Trends</h4>
<p>Kickstarter man braid godard coloring book. Raclette waistcoat selfies yrwolf chartreuse hextagon irony, godard...</p>
<a href="#">CONTINUE READING</a>
</div>
<h1>03/01</h1>
</div>

<div class="blog-box">
<div class="blog-img">
<img src="img/blog/b6.jpg" alt="">
</div>
<div class="blog-details">
<h4>AW20 Menswer Trends</h4>
<p>Kickstarter man braid godard coloring book. Raclette waistcoat selfies yrwolf chartreuse hextagon irony, godard...</p>
<a href="#">CONTINUE READING</a>
</div>
<h1>01/01</h1>
</div>

</section>



<section id="pagination" class="section-p1">
<a href="#">1</a>
<a href="#">2</a>
<a href="#"><i class="fal fa-long-arrow-alt-right"></i></a>
</section>

<section id="newsletter" class="section-p1 section-m1">
<div class="newstext">
<h4>Sign Up for Newsletters</h4>
<p>Get E-mail updates about our latest shop and <span>special offers.</span></p>
</div>
<div class="form">
<input type="email" placeholder="Your email address">
<button class="normal">Sign Up</button>
</div>
</section>

<footer class="section-p1">
<div clasclass="logo" src="img/logo.png" alt="">
<h4>Contact</h4>
<p><strong>Address:</strong>562 wellington Road, Street 32, san Francisco</p>
<p><strong>Phone:</strong>+91 2222 365 /(+91) 01 2345 6789</p>
<p><strong>Hours:</strong>10:00 -18:00, Mon - sat</p>
<div class="follow">
<h4>Follow us</h4>
<div class="icon">
<i class="fab fa-facebook-f"></i>
<i class="fab fa-twitter"></i>
<i class="fab fa-instagram"></i>
<i class="fab fa-pinterest-p"></i>
<i class="fab fa-youtube"></i>
</div>
</div>
</div>

<div class="col">
<h4>About</h4>
<a href="#">About us</a>
<a href="#">Delivery Information</a>
<a href="#">Privacy Policy</a>
<a href="#">Terms & Conditions</a>
<a href="#">Contact Us</a>
</div>

<div class="col">
<h4>My Account</h4>
<a href="#">Sign In</a>
<a href="#">View Cart</a>
<a href="#">My Wishlist</a>
<a href="#">Track My Order</a>
<a href="#">Help</a>
</div>

<div class="col install">
<h4>Install App</h4>
<p>From App Store or Google Play</p>
<div class="row">
<img src="img/pay/app.jpg">
<img src="img/pay/play.jpg">
</div>
<p>Secured Payment GateWays</p>
<img src="img/pay/pay.png">
</div>

<div class="copyright">
<p>0 2021, Tech2 etc -HTML SCC Ecommerce Template</p>
</div>
</footer>


<script src="script.js"></script>
</body>
Expand Down
Loading