Scribd
Upload
4 views2 pages

Home Page

This document is an HTML template for an e-commerce homepage titled 'MyEcom'. It includes a header with navigation links, a search bar, and authentication options, as well as a main content area welcoming users and a footer with copyright information. The layout is styled using an external CSS file and Font Awesome for icons.

Uploaded by

chickdiamond6
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
4 views2 pages

Home Page

This document is an HTML template for an e-commerce homepage titled 'MyEcom'. It includes a header with navigation links, a search bar, and authentication options, as well as a main content area welcoming users and a footer with copyright information. The layout is styled using an external CSS file and Font Awesome for icons.

Uploaded by

chickdiamond6
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>E-commerce Homepage</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.0.0-beta3/css/all.min.css">
</head>
<body>

<header class="main-header">
<div class="header-left">
<a href="index.html" class="logo">
<img src="placeholder-logo.png" alt="Your Company Logo">
<span>MyEcom</span>
</a>
<nav class="main-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="customer-service.html">Customer Service</a></li>
</ul>
</nav>
</div>

<div class="header-center">
<div class="search-bar">
<input type="text" placeholder="Search for products, sellers, or
categories...">
<button type="submit"><i class="fas fa-search"></i></button>
</div>
</div>

<div class="header-right">
<div class="auth-section">
<a href="#" class="login-btn">Login</a>
<div class="signup-options">
<span>or Sign Up with:</span>
<div class="social-signup-buttons">
<button class="social-btn google"><i class="fab fa-
google"></i> Google</button>
<button class="social-btn facebook"><i class="fab fa-
facebook-f"></i> Facebook</button>
<button class="social-btn twitter"><i class="fab fa-
twitter"></i> Twitter</button>
<button class="social-btn instagram"><i class="fab fa-
instagram"></i> Instagram</button>
</div>
</div>
</div>
</div>
</header>

<main class="main-content">
<h1>Welcome to MyEcom!</h1>
<p>Explore a world of products just for you.</p>
</main>

<footer class="main-footer">
<p>&copy; 2024 MyEcom. All rights reserved.</p>
</footer>

</body>
</html>

You might also like