mirror of
https://github.com/10h30/odin-landing-page.git
synced 2026-06-05 15:09:10 +09:00
Thuan Bui
65 lines
2.0 KiB
HTML
65 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Landing Page</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header class="header">
|
||
<div class="header-wrap">
|
||
<div class="logo">HeaderLogo</div>
|
||
<div class="nav">
|
||
<ul>
|
||
<li><a href="#product">Product</a></li>
|
||
<li><a href="#quote">Quote</a></li>
|
||
<li><a href="#cta">CTA</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
<div id="hero">
|
||
<div class="hero-wrap">
|
||
<div>
|
||
<h1>This is awesome</h1>
|
||
<p>This is an awesome website that I am developing.</p>
|
||
<a class="button" href="#">Sign Up</a>
|
||
</div>
|
||
<div>
|
||
<img src="https://dev.toanphu.vn/wp-content/uploads/6-4-1000x667.jpg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="product">
|
||
<div class="product-wrap">
|
||
<h2>This is Product List</h2>
|
||
<div class="product-loop">
|
||
<div>Product 1</div>
|
||
<div>Product 2</div>
|
||
<div>Product 3</div>
|
||
<div>Product 4</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="quote">
|
||
<div class="quote-wrap">
|
||
<blockquote>When you can’t find someone to follow, you have to find a way to lead by example.
|
||
<cite>Roxane Gay</cite>
|
||
</blockquote>
|
||
</div>
|
||
</div>
|
||
<div id="cta">
|
||
<div class="blue-box">
|
||
<div class="left">
|
||
<h3>Call to Action. It's Time</h3>
|
||
<p>Ali bababaiaia sdasf dfdfdsfsdf</p>
|
||
</div>
|
||
<div class="right">
|
||
<a class="button alt" href="#">Sign Up</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<footer class="footer">Copyright 2025. Made with love by Thuan Bui</footer>
|
||
</body>
|
||
</html> |