Alena/Figma_itproger
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

about

Browse Source
This commit is contained in:
Alena Trushcheva
2026-02-24 13:33:32 +03:00
parent dff5547d78
commit d6def23321
5 changed files with 371 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
about.html Normal file
View 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>