<html>
<head>
<title>One Page Website</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
</head>
<body>
<div class="header">
<div class="header-inner">
<div class="logo">
<img src="Images/logo.svg" width="180">
</div>
<div class="menu">
<ul>
<li><a href="#Introduction">Introduction</a></li>
<li><a href="#ourwork">Our Work</a></li>
<li><a href="#contactus">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="banner">
<h2>Web Development</h2>
<i class="fa-solid fa-angle-down"></i>
</div>
<div class="Introduction" id="Introduction">
<div class="Introduction-inner">
<div class="ic1">
<img src="Images/img1.png">
</div>
<div class="ic2">
<h2>Introduction</h2>
<p>The Town is simple CSS tempelate built on Bootstrap
v4.1.3<br> and this is a little parallax layout that you can use for
your<br>Websites</p>
<p>Please tell your friends about our site tempelatemo.
Thanks<br>you. Curabitur dapibus tristique enim a imperdiet. Etiam<br>tristique sem
sed condimentum posuere.</p>
<button>Read Me</button>
</div>
</div>
</div>
<div class="section">
<div class="section-inner">
<div class="sc1">
<img src="Images/img2.png">
<h4>Curabitur at elit eu risus</h4>
<p>Sed ultrices sit amet mi eu malesuada. Cras<br>
ices gravidamist, ad pellentesque munt<br>
tincidunt quis Aenean at omare lacus. Duis<br>
impostelacjamm</p>
</div>
<div class="sc2">
<img src="Images/img3.png">
<h4>Curabitur at elit eu risus</h4>
<p>Sed ultrices sit amet mi eu malesuada. Cras<br>
ices gravidamist, ad pellentesque munt<br>
tincidunt quis Aenean at omare lacus. Duis<br>
impostelacjamm</p>
</div>
<div class="sc3">
<img src="Images/img4.png">
<h4>Curabitur at elit eu risus</h4>
<p>Sed ultrices sit amet mi eu malesuada. Cras<br>
ices gravidamist, ad pellentesque munt<br>
tincidunt quis Aenean at omare lacus. Duis<br>
impostelacjamm</p>
</div>
</div>
</div>
</body>
<div class="ourwork" id="ourwork">
<div class="ourwork-inner">
<h1>Our Work</h1>
<p>"Curabitur ac orci ac lorem blandit volutpat. Sed ac sodales nibh ut
porttitor elit. Sed id dui<br>
mi. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia."</p>
<div class="Images">
<div class="Img1"><img src="Images/Img5.png">
<h1>DREAMY HONEY NOW</h1></div>
<div class="Img2"><img src="Images/Img6.png">
<h1>DREAMY HONEY NOW</h1></div>
<div class="Img3"><img src="Images/Img7.png">
<h1>DREAMY HONEY NOW</h1></div>
<div class="Img4"><img src="Images/img8.png">
<h1>DREAMY HONEY NOW</h1></div>
<div class="Img5"><img src="Images/img9.png">
<h1>DREAMY HONEY NOW</h1></div>
</div>
</div>
</div>
<div class="contactus" id="contactus">
<div class="contactus-inner">
<h1>Contact Us</h1>
<hr>
<div class="border"></div>
<p>Nuttam tincidunt. lacus a Suucing decas, que cambis tincidunt dui,
non lerous sem turpis vitae lorem. Maecenas eget odio in<br>
sapien ultrices viverra vitae vel leo. Curabitur at elit eu risus pharetra
pellentesque at at velit.</p>
<div class="Details">
<div class="dc1">
<div class="dc1r1">
<i class="fa-solid fa-phone"></i>
<p>05-8896-523</p>
</div>
<div class="dc1r2">
<i class="fa-solid fa-location-dot"></i>
<p>Location on Maps</p>
</div>
</div>
<div class="dc2">
<div class="dc2r1">
<i class="fa-solid fa-envelope"></i>
<p>info@company.co</p>
</div>
<div class="dc2r2">
<form>
<input type="email" placeholder="Subscribe Your Email">
<button>Submit</button>
</form>
</div>
</div>
</div>
</div>
</div>
</html>
