Доработки лаба 2

This commit is contained in:
2025-02-25 22:35:17 +04:00
parent b2ded78edf
commit c283779753
6 changed files with 83 additions and 55 deletions

View File

@@ -31,12 +31,16 @@
<li>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></li>
</ul>
<div class="footer">
<p><a href="index.html">На главную</a></p>
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
<img src="qrtg.png" />
<div cladd="footerItem">
<p><a href="index.html">На главную</a></p>
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
</div>
<div class="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>

View File

@@ -69,12 +69,16 @@
</ul>
</div>
<div class="footer">
<p><a href="index.html">На главную</a></p>
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
<img src="qrtg.png" />
<div cladd="footerItem">
<p><a href="index.html">На главную</a></p>
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
</div>
<div class="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>

View File

@@ -21,26 +21,30 @@
<li><div class="navItem"><a href="Contacts.html" target="_blank">Контакты</a></div></li>
</ul>
</div>
</div>
</div>
</div>
<h1>Новости:</h1>
<div class="news">
<div class="newsItem">Что-то там...</div>
<div class="newsItem">Что-то там...</div>
<div class="newsItem">Что-то там...</div>
<div class="newsItem">Что-то там...</div>
<div class="newsItem">Что-то там...</div>
<div class="newsItem">Что-то там...</div>
<div class="newsItem">Что-то там...</div>
<div class="newsItem">Что-то там...</div>
<div class="newsItem">Что-то там...</div>
<div class="newsItem">новость 1</div>
<div class="newsItem">новость 2</div>
<div class="newsItem">новость 3</div>
<div class="newsItem">новость 4</div>
<div class="newsItem">новость 5</div>
<div class="newsItem">новость 6</div>
<div class="newsItem">новость 7</div>
<div class="newsItem">новость 8</div>
<div class="newsItem">новость 9</div>
</div>
<div class="footer">
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
<img src="qrtg.png" />
<div cladd="footerItem">
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
</div>
<div class="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>

View File

@@ -72,12 +72,16 @@
мы с нетерпением ждем, что принесет будущее!
</p>
<div class="footer">
<p><a href="index.html">На главную</a></p>
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
<img src="qrtg.png" />
<div cladd="footerItem">
<p><a href="index.html">На главную</a></p>
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
</div>
<div class="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>

View File

@@ -65,12 +65,16 @@
конкурентоспособными на рынке труда.
</p>
<div class="footer">
<p><a href="index.html">На главную</a></p>
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
<img src="qrtg.png" />
<div cladd="footerItem">
<p><a href="index.html">На главную</a></p>
<p>Телефон: <strong class="numb">8-800-476-92-84</strong></p>
<p>E-mail: <strong>info@ulchu.ru</strong></p>
<P>Адрес: 432027, г. Ульяновск, ул. Северный Венец, д. 32</P>
<p>Официальный телеграмм канал: <strong>https://t.me/UlCHU</strong></p>
</div>
<div class="footerItem">
<img src="qrtg.png" />
</div>
</div>
</div>
</body>

View File

@@ -1,6 +1,9 @@
body{
display: flex;
color: #D77A61;
background-color: #EFF1F3;
justify-content: center;
margin: 3px;
}
.body{
@@ -9,7 +12,6 @@ body{
border: 0px solid #DBD3D8;
border-radius: 50px;
width: 80%;
margin: 0 auto;
flex-direction: column;
}
@@ -23,14 +25,16 @@ body{
}
.logo{
display: flex;
display: block;
margin: 10px 20px;
width: 30%;
object-fit: contain;
}
.nameBuild{
display: flex;
align-self: center;
font-size: 50px;
font-size: 5vw;
}
.navBar{
@@ -85,32 +89,40 @@ body{
.newsItem{
display: flex;
background-color: #223843;
border: 3px solid black;
object-fit: contain;
background-color: #1097ec;
border: 3px solid #223843;
border-radius: 50px;
color: #D77A61;
width: 300px;
height: 300px;
color: #223843;
width: 20vw;
height: 20vw;
min-width: 150px;
min-height: 150px;
font-size: 20px;
align-items: center;
justify-content: center;
margin: 20px;
}
.footer{
display: flex;
flex-direction: row;
justify-content: space-around;
background-color: #223843;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
padding: 20px 0px;
}
.footer > p{
margin: 5px 20px;
.footerItem{
display: flex;
align-items: center;
margin: 5px 0px;
}
.footer > img{
.footerItem > img{
width: 100px;
margin-left: 5px;
}
.body > p{
@@ -155,8 +167,4 @@ strong{
width: 100%;
margin: 0px;
}
.newsItem{
margin: 5px;
}
}