h3lp/learning
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Add web design files

Browse Source
This commit is contained in:
h3lp
2025-11-20 21:37:53 +02:00
parent 258f24570a
commit 9192716bfb
510 changed files with 12551 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
web-design/Занятие_11/10.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 477 KiB

78
web-design/Занятие_11/BreakFast.css Normal file
View File

@@ -0,0 +1,78 @@
@charset "utf-8";
/* CSS Document */
.verh{
height: 80px;
width: 770px;
}
.FL{float: left;}
.FR{float: right;}
.top1{
margin-left: 75px;
width: 160px;
height: 80px;
}
.tops{
width: 92px;
height: 80px;
}
.breakfast{
font-family: Arial;
margin-bottom: 0;
}
.credits{
font-size: 8px;
font-family: Arial;
color: #7B7B7B;
margin: 0;
}
.top_text:hover{
color: red;
}
.top_text{
text-decoration: none;
color: black;
}
.base{
width: 770px;
height: 350px;
}
.leftbase{
width: 500px;
margin-left: 20px;
}
.rightbase{
width: 200px;
margin-right: 20px;
}
.text{
color:#8A8A8A;
font-size: 13px;
}
.dates{
background-color: #000000;
height: 20px;
}
.dates_text{
color:#FFFFFF;
font-size: 13px;
padding-top: 2px;
margin-left: 10px;
}
.link_text{
font-size: 13px;
}
.right_line{
border-bottom: 1px dashed #000000;
margin-top: 17px;
}
.bottom_text{
color:#8A8A8A;
font-size: 12px;
}
.bottom_right_text{
color:#8A8A8A;
font-size: 12px;
}
a{
color:#00C7F0
}

76
web-design/Занятие_11/BreakFast.html Normal file
View File

@@ -0,0 +1,76 @@
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>BreakFast</title>
<link href="BreakFast.css" rel="stylesheet" type="text/css">
</head>
<body>
<div align="center">
<div class="verh">
<div class="FL top1">
<h2 class="breakfast">BreakFast</h2>
<p class="credits">BY FREE CSS TEMPLATES</p>
</div>
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
<div class="FL tops">
<div style="margin-top: 30px;"><a href="#" class="top_text">About Us</a></div>
</div>
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
<div class="FL tops">
<div style="margin-top: 30px;"><a href="#" class="top_text">Products</a></div>
</div>
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
<div class="FL tops">
<div style="margin-top: 30px;"><a href="#" class="top_text">Services</a></div>
</div>
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
<div class="FL tops">
<div style="margin-top: 30px;"><a href="#" class="top_text">Clients</a></div>
</div>
<img class="FL" src="images/img1.gif" width="7" height="80" alt=""/>
<div class="FL tops">
<div style="margin-top: 30px;"><a href="#" class="top_text">Support</a></div>
</div>
</div>
<div>
<img src="images/img3.jpg" width="770" height="190" alt=""/>
</div>
<div class="base">
<div class="leftbase FL" align="left">
<h2 class="">Welcome to BreakFast!</h2>
<p class="text">"BreakFast is a free template from <a href="#">Free CSS Tcmplates</a> released under a <a href="#">Creative Commons Attribution 2.5 License</a>. The photo is from <a href="#">PDPhoto.org</a>. You're free to use it for both commercial or personal use. I only ask that you link back to my site in some way. Enjoy :)"</p>
<p class="text">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. Quisque dictum integer nist risus, sagittis convallis, rutrum id, congue, and nibh. Fusce mattis viverra elit. Fusce rutrum tempus velit. Nulla quis elit a dui pharetra venenatis. Vestibulum pellentesque, justo mollis pretium suscipit, justo nula blandit libero, in blandit justo quis nisl</p>
<ol class="text">
<li><a href="#">Integer sit amet pede vel arcu aliquet pretium.</a></li>
<li><a href="#">Pellentesque quis elit non lectus pravida blandit.</a></li>
<li><a href="#">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</a></li>
<li><a href="#">Phasellus nec erat sit amet nibh pellentesque congue.</a></li>
<li><a href="#">Cras vitae metus aliquam ritus pellentesque pharetra.</a></li>
</ol>
</div>
<div class="rightbase FR" align="left">
<h3 style="margin-top: 25px;">Integer Gravida Nibh</h3>
<div class="dates"><p class="dates_text">December 14th - Lorem Ipsum</p></div>
<a href="#" class="link_text">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula...</a>
<div class="right_line"></div>
<div class="dates"><p class="dates_text">December 9th - Blandit Justo</p></div>
<a href="#" class="link_text">Donec leo, vivamus fermentum nibh in augue praesent a lacus...</a>
<div class="right_line"></div>
<div class="dates"><p class="dates_text">December 3rd - Pretum Suscipit</p></div>
<a href="#" class="link_text">Quisque dictum integer nisl risus sagittis convallis rutrum id conque...</a>
<div class="right_line"></div>
</div>
</div>
<div>
<hr width="770" color="#000000" size="6">
</div>
<div style="width: 770px;">
<div class="FL"><p class="bottom_text">Copyright &copy; 2007 BreakFast. All Rights Reserved. Designed by <a href="#">Free CSS Templates</a></p></div>
<div class="FR"><p class="bottom_right_text"><a href="#">Privacy Policy</a> | <a href="#">Terms of use</a></p></div>
</div>
</div>
</body>
</html>

BIN
web-design/Занятие_11/images/img1.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 159 B

BIN
web-design/Занятие_11/images/img2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
web-design/Занятие_11/images/img3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 44 KiB

BIN
web-design/Занятие_11/images/img4.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 B

BIN
web-design/Занятие_11/images/spacer.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 B