about
This commit is contained in:
118
about.html
Normal file
118
about.html
Normal file
@@ -0,0 +1,118 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Figma</title>
|
||||
<link rel="stylesheet" href="reset.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<header class="container">
|
||||
<span class="logo">logo</span>
|
||||
<nav class="nav">
|
||||
<ul class="items">
|
||||
<li class="item">
|
||||
<a class="link" href="/">Home</a>
|
||||
</li>
|
||||
<li class="item active"><a class="link" href="/about.html">About us</a></li>
|
||||
<li class="item"><a class="link" href="#">Portfolio</a></li>
|
||||
<li class="item"><a class="link" href="#">News</a></li>
|
||||
<li class="item btn"><a class="link" href="#">Contacts</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<div class="hero_about container">
|
||||
<div class="hero_info">
|
||||
<h1 class="hero_h1">
|
||||
Lorem Ipsum is simply dummy text of the printing and.
|
||||
</h1>
|
||||
<p class="hero_p">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
|
||||
</p>
|
||||
<button class="hero_btn button">Get in touch</button>
|
||||
</div>
|
||||
<img class="hero_img" src="images/about_photo.png" alt="about_photo">
|
||||
</div>
|
||||
|
||||
<div class="container work">
|
||||
<h2 class="work_h2">
|
||||
Why work with us
|
||||
</h2>
|
||||
<div class="work_blocks">
|
||||
<div class="work_block">
|
||||
<span class="work_badge purple">Lorem ipsum</span>
|
||||
<h3 class="work_h3">Lorem Ipsum</h3>
|
||||
<p class="work_p">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
|
||||
</p>
|
||||
</div>
|
||||
<div class="work_block">
|
||||
<span class="work_badge brown">Lorem ipsum</span>
|
||||
<h3 class="work_h3">Lorem Ipsum</h3>
|
||||
<p class="work_p">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
|
||||
</p>
|
||||
</div>
|
||||
<div class="work_block">
|
||||
<span class="work_badge green">Lorem ipsum</span>
|
||||
<h3 class="work_h3">Lorem Ipsum</h3>
|
||||
<p class="work_p">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="blocks container">
|
||||
<div class="footer_info">
|
||||
<span class="footer_logo">Logo</span>
|
||||
<p class="footer_p">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer_info">
|
||||
<h4 class="footer_h4">
|
||||
About us
|
||||
</h4>
|
||||
<ul class="footer_ul">
|
||||
<li class="footer_li">
|
||||
Zeux
|
||||
</li>
|
||||
<li class="footer_li">
|
||||
Portfolio
|
||||
</li>
|
||||
<li class="footer_li">
|
||||
Careers
|
||||
</li>
|
||||
<li class="footer_li">
|
||||
Contact us
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer_info">
|
||||
<h4 class="footer_h4">
|
||||
Contact us
|
||||
</h4>
|
||||
<p class="footer_p">
|
||||
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
|
||||
</p>
|
||||
<p class="footer_p">
|
||||
+908 89097 890
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<p class="footer_p_down">
|
||||
Copyright ® 2021 Lorem All rights Rcerved
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
<script src="main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user