<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Finsweet Agency</title>
<!-- ------Favicon ico------- -->
<link
rel="apple-touch-icon"
sizes="180x180"
href="./public/images/favicon_io/apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./public/images/favicon_io/favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./public/images/favicon_io/favicon-16x16.png"
/>
<link rel="manifest" href="./public/images/favicon_io/site.webmanifest" />
<!-- ---- Poppins font ----- -->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
<!-- -------------main css-------------- -->
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<!--------- header section start---------->
<header>
<div class="container">
<nav>
<a href="#">
<img class="logo" src="./public/icons/logo.svg" alt="logo" />
</a>
<ul class="list">
<li class="list-item">
<a href="#" class="aktive-link">Home</a>
</li>
<li class="list-item">
<a href="#">Service</a>
</li>
<li class="list-item">
<a href="#">Company</a>
</li>
<li class="list-item">
<a href="#">Careeer</a>
</li>
<li class="list-item">
<a href="#">Blog</a>
</li>
<li class="list-item">
<a href="#">Contact us</a>
</li>
<li class="list-item">
<a href="#">Clone project</a>
</li>
</ul>
</nav>
</div>
</header>
<!--------- header section end------------>
<!----------- main section start---------->
<main>
<section id="intro">
<div class="container">
<div class="wrapper">
<div class="wrapper_left">
<h1>
Transform Your Idea <br />Into Reality with <br />Finsweet
</h1>
<p>
The entire Finsweet team knows what's good with Webflow and
<br />you can too with 1 week and a good attitude.
</p>
<button>Request Quote</button>
</div>
<div class="wrapper_right">
<img src="./public/images/intro_image.jpg" alt="image" />
</div>
</div>
</div>
</section>
</main>
<!----------- main section end------------>
<!------------About section start-------->
<section id="about">
<div class="container">
<div class="about_header">
<div class="left">
<p>ABOUT US</p>
<h1>
The company leads entire <br />
webdesign process from <br />concept to delivery.
</h1>
</div>
<div class="rihgt">
<h1>The Era Of Technology.</h1>
<p>
Through True Rich Attended does no end it his mother since real
had
<br />
half every him case in packages enquire we up ecstatic unsatiable
<br />saw his giving Remain expense you position concluded.
</p>
</div>
</div>
<div class="about_gallery">
<img src="../public/images/About Bottom.jpg" alt="about bottom" />
</div>
</div>
</section>
<!-----------About section end----------->
<!----------Expertise Section start----------->
<section id="expertise">
<div class="container">
<div class="wrapper">
<div class="left">
<p><span class="expertise_title">Our expertise</span></p>
<h1>
We want to get local <br />identification in every <br />corner of
the world in this <br />
era of global citizenship
</h1>
<p>
Through True Rich Attended does no end it his mother since real
had half <br> every him case in packages enquire we up ecstatic
unsatiable saw his giving <br>Remain expense you position concluded.
</p>
</div>
</div>
<div class="right">
<div class="expertise_card">
<div class="content">
<img src="./public/icons/rocketicon.svg" alt="light" />
<div class="text">
<strong>On Time Delivery</strong>
<p>
Through True Rich Attended does no end it <br> his mother since real had half every him.
</p>
</div>
</div>
<div class="expertise_card">
<div class="content">
<img src="./public/icons/Home.svg" alt="light" />
<div class="text">
<strong>Best Quality</strong>
<p>
Through True Rich Attended does no end it <br>his mother since real had half every him.
</p>
</div>
</div>
<div class="expertise_card">
<div class="content">
<img src="./public/icons/expertise.svg" alt="light" />
<div class="text">
<strong>Support Assist</strong>
<p>
Through True Rich Attended does no end it <br> his mother since real had half every him.
</p>
</div>
</div>
</div>
</section>
<!----------Expertise Section end----------->
<!---------Process section start---------->
<section id="process">
<div class="container">
<div class="wrapper">
<div class="left">
<p class="process_title">Our Process</p>
<h1>The process we are working With Our client Worldwide</h1>
<p>
Through True Rich Attended does no end it his mother since real
had half every <br />
him case in packages enquire we up ecstatic unsatiable.
</p>
</div>
<img src="./public/icons/Shape.svg" alt="shape" class="right" />
</div>
<div class="process_wrapper">
<div class="process_card">
<div class="content">
<img src="./public/icons/lighticon.svg" alt="light" />
<div class="text">
<strong>Discover</strong>
<p>
We aim to attain the greatest satisfaction for our clients and
be one of the prominent.
</p>
</div>
<h2>01</h2>
</div>
<img src="./public/icons/line_shape.svg" alt="line" />
</div>
<div class="process_card">
<div class="content">
<img src="./public/icons/writeicon.svg" alt="light" />
<div class="text">
<strong>Designing</strong>
<p>
We aim to attain the greatest satisfaction for our clients and
be one of the prominent.
</p>
</div>
<h2>02</h2>
</div>
</div>
<div class="process_card">
<div class="content">
<img src="./public/icons/codeIcon.svg" alt="light" />
<div class="text">
<strong>Development</strong>
<p>
We aim to attain the greatest satisfaction for our clients and
be one of the prominent.
</p>
</div>
<h2>03</h2>
</div>
</div>
<div class="process_card">
<div class="content">
<img src="./public/icons/brainIcon.svg" alt="light" />
<div class="text">
<strong>Testing</strong>
<p>
We aim to attain the greatest satisfaction for our clients and
be one of the prominent.
</p>
</div>
<h2>04</h2>
</div>
</div>
<div class="process_card">
<div class="content">
<img src="./public/icons/rocketicon.svg" alt="light" />
<div class="text">
<strong>Testing</strong>
<p>
We aim to attain the greatest satisfaction for our clients and
be one of the prominent.
</p>
</div>
<h2>05</h2>
</div>
</div>
<div class="process_card">
<img src="./public/icons/line_shape.svg" alt="line" />
<div class="content">
<img src="./public/icons/settingicon.svg" alt="light" />
<div class="text">
<strong>Testing</strong>
<p>
We aim to attain the greatest satisfaction for our clients and
be one of the prominent.
</p>
</div>
<h2>06</h2>
</div>
</div>
<!--------Process section end------------>
</div>
</div>
</section>
</body>
</html>
Miss_code_creaker
Posted on
.
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (0)