Skip to content

Update about.html #2

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

Update about.html #2

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
76 changes: 32 additions & 44 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,111 +5,99 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>e-commerce website</title>
<meta name="description" content="A modern e-commerce website with various products, services, and features.">
<title>e-Commerce Website</title>

<!-- font-awesome cdn link -->
<!-- FontAwesome CDN link -->
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />

<!-- custom css file link -->
<!-- Custom CSS File -->
<link rel="stylesheet" href="style.css">

</head>

<body>

<section id="header">
<a href="#"><img src="images/logo.png" class="logo" alt=""></a>
<div>
<header id="header">
<a href="#"><img src="images/logo.png" class="logo" alt="Website Logo"></a>
<nav>
<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="far fa-shopping-bag"></i></a></li>
<a href="#" id="close"><i class="far fa-times"></i></a>
<li><a href="#" id="close"><i class="far fa-times"></i></a></li>
</ul>
</div>
</nav>
<div id="mobile">
<a href="cart.html"><i class="far fa-shopping-bag"></i></a>
<i id="bar" class="fas fa-outdent"></i>
</div>
</section>
</header>

<section id="page-header" class="about-header">
<h2>#KnowUs</h2>
<p>Lorem ipsusm dolor sit amet, consectelur</p>
<p>Learn more about who we are and what we do.</p>
</section>

<section id="about-head" class="section-p1">
<img src="images/about/a6.jpg" alt="">
<img src="images/about/a6.jpg" alt="About Us" loading="lazy">
<div>
<h2>Who We Are?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis autterirure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
deserunt mollit anim id est laborum.
</p>
<abbr title="">Create stunning images with as much or as little control as fa-you
like thanks to a choice of Basic and Creative modes.
</abbr>
<br><br>
<marquee bgcolor="#ccc" loop="-1" scrollamount="5" width="100%">Create stunning images
with as much or as little control as you like thanks to a choice of Basic and Creative modes.
</marquee>
<h2>Who We Are</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</section>

<section id="about-app" class="section-p1">
<h1>Download our <a href=#>App</a></h1>
<h1>Download our <a href="#">App</a></h1>
<div class="video">
<video autoplay muted loop src="images/about/1.mp4"></video>
<video autoplay muted loop src="images/about/1.mp4" alt="App Video"></video>
</div>
</section>

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

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

<footer class="section-p1">
<div class="col">
<img class="logo" src="images/logo.png" alt="">
<img class="logo" src="images/logo.png" alt="Website Logo">
<h4>Contact</h4>
<p><strong>Address:</strong> Lahore, Pakistan - 54840</p>
<p><strong>Phone:</strong> +92-321-4655990</p>
Expand Down Expand Up @@ -145,19 +133,19 @@ <h4>My Account</h4>
<h4>Install App</h4>
<p>From App Store or Google Play</p>
<div class="row">
<img src="images/pay/app.jpg" alt="">
<img src="images/pay/play.jpg" alt="">
<img src="images/pay/app.jpg" alt="App Store" loading="lazy">
<img src="images/pay/play.jpg" alt="Google Play" loading="lazy">
</div>
<p>Secured Payment Gateway</p>
<img src="images/pay/pay.png" alt="">
<img src="images/pay/pay.png" alt="Payment Methods" loading="lazy">
</div>
<div class="copyright">
<p>Created By Muhammad Awais | All Rights Reserved | &#169; 2023</p>
</div>
</footer>

<!-- javascript script file link -->
<!-- JavaScript Script -->
<script src="script.js"></script>
</body>

</html>
</html>