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

section_news

Browse Source
This commit is contained in:
Alena Trushcheva
2026-03-01 17:10:03 +03:00
parent 98e9ee1d5d
commit f71f914a65
7 changed files with 132 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
about.html
View File

@@ -20,7 +20,7 @@
</li> </li>
<li class="item active"><a class="link" href="/about.html">About us</a></li> <li class="item active"><a class="link" href="/about.html">About us</a></li>
<li class="item"><a class="link" href="/portfolio.html">Portfolio</a></li> <li class="item"><a class="link" href="/portfolio.html">Portfolio</a></li>
<li class="item"><a class="link" href="#">News</a></li> <li class="item"><a class="link" href="/news.html">News</a></li>
<li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li> <li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
</ul> </ul>
</nav> </nav>

2
contacts.html
View File

@@ -19,7 +19,7 @@
</li> </li>
<li class="item"><a class="link" href="/about.html">About us</a></li> <li class="item"><a class="link" href="/about.html">About us</a></li>
<li class="item"><a class="link" href="/portfolio.html">Portfolio</a></li> <li class="item"><a class="link" href="/portfolio.html">Portfolio</a></li>
<li class="item"><a class="link" href="#">News</a></li> <li class="item"><a class="link" href="/news.html">News</a></li>
<li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li> <li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
</ul> </ul>
</nav> </nav>

BIN
images/Lupa.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 342 B

2
index.html
View File

@@ -20,7 +20,7 @@
</li> </li>
<li class="item"><a class="link" href="/about.html">About us</a></li> <li class="item"><a class="link" href="/about.html">About us</a></li>
<li class="item"><a class="link" href="/portfolio.html">Portfolio</a></li> <li class="item"><a class="link" href="/portfolio.html">Portfolio</a></li>
<li class="item"><a class="link" href="#">News</a></li> <li class="item"><a class="link" href="/news.html">News</a></li>
<li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li> <li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
</ul> </ul>
</nav> </nav>

84
news.html Normal file
View File

@@ -0,0 +1,84 @@
<!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>
<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"><a class="link" href="/about.html">About us</a></li>
<li class="item"><a class="link" href="/portfolio.html">Portfolio</a></li>
<li class="item active"><a class="link" href="/news.html">News</a></li>
<li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
</ul>
</nav>
</header>
<div class="container news">
<div class="news_heading">
<h1 class="news_h1">Lorem Ipsum is simply dummy text of the printing and.</h1>
<p class="news_p">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<form action="" class="news_search"><img class="news_img_search" src="images/Lupa.png" alt=""><input class="input_news" type="text" placeholder="Search"></form>
</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>

2
portfolio.html
View File

@@ -19,7 +19,7 @@
</li> </li>
<li class="item"><a class="link" href="/about.html">About us</a></li> <li class="item"><a class="link" href="/about.html">About us</a></li>
<li class="item active"><a class="link" href="/portfolio.html">Portfolio</a></li> <li class="item active"><a class="link" href="/portfolio.html">Portfolio</a></li>
<li class="item"><a class="link" href="#">News</a></li> <li class="item"><a class="link" href="/news.html">News</a></li>
<li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li> <li class="item btn"><a class="link" href="/contacts.html">Contacts</a></li>
</ul> </ul>
</nav> </nav>

44
style.css
View File

@@ -651,6 +651,50 @@ textarea {
.portfolio_img { .portfolio_img {
} }
/* -----------------------------------NEWS-HEADING-------------------------------------- */
.container {
}
.news {
}
.news_heading {
text-align: center;
padding: 80px 0;
}
.news_h1 {
font-size: 33px;
font-weight: 700;
padding-bottom: 30px;
}
.news_p {
font-size: 16px;
font-weight: 500;
padding-bottom: 60px;
}
.news_search {
}
.news_img_search {
vertical-align: middle;
position: absolute;
left: 495px;
top: 361px;
z-index: 1;
}
.news_img_search img {
height: 15px;
width: 15px;
}
.input_news {
padding: 10px 45px;
border-radius: 10px;
z-index: 0;
background-color: #1C140F;
}
.input_news input {
position: relative;
}
/* -----------------------------------FOOTER------------------------------------------ */ /* -----------------------------------FOOTER------------------------------------------ */
.footer { .footer {