Add web design files

2025-11-20 21:37:53 +02:00
parent 258f24570a
commit 9192716bfb
510 changed files with 12551 additions and 0 deletions
--- a/web-design/2_поток_центровщик/2_1.png
+++ b/web-design/2_поток_центровщик/2_1.png
--- a/web-design/2_поток_центровщик/2_2.png
+++ b/web-design/2_поток_центровщик/2_2.png
--- a/web-design/2_поток_центровщик/2_Поток.html
+++ b/web-design/2_поток_центровщик/2_Поток.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <link href="2_поток.css" rel="stylesheet" type="text/css">
+    <title>Документ без названия</title>
+</head>
+
+<body>
+    <div class="valentine">
+        <div class="inside">
+            <img src="images/img02.jpg" width="190" height="196" class="FL">
+            <h1 class="valentine_text">valentine</h1>
+            <p class="templates">BY FREE CSS TEMPLATES</p>
+        </div>
+    </div>
+    <div class="menu">
+        <div class="inside">
+            <ul class="menu_list FL">
+                <li><img class="heart" src="images/img03.jpg" width="11" height="10" /><a href="#">HOME</a></li>
+                <li><img class="heart" src="images/img03.jpg" width="11" height="10" /><a href="#">ARTICLE</a></li>
+                <li><img class="heart" src="images/img03.jpg" width="11" height="10" /><a href="#">BLOGS</a></li>
+                <li><img class="heart" src="images/img03.jpg" width="11" height="10" /><a href="#">ABOUT US</a></li>
+                <li><img class="heart" src="images/img03.jpg" width="11" height="10" /><a href="#">CONTACTS</a></li>
+                <li><img class="heart" src="images/img03.jpg" width="11" height="10" /><a href="#">R33</a></li>
+            </ul>
+            <div class="text_input FR">
+                <input type="text" class="field">
+                <input type="button" value="GO" class="GO">
+            </div>
+        </div>
+    </div>
+    <div class="content">
+        <div class="inside">
+            <div class="content_left FL">
+                <img class="FL title_heart" src="images/img06.jpg" width="19" height="16" />
+                <p class="categories">categories</p>
+                <div class="left_line"></div>
+                <ul class="left_list">
+                    <li><a href="#">Aliquam libero</a></li>
+                    <li><a href="#">Consectetuer elit</a></li>
+                    <li><a href="#">Metus pelentesque</a></li>
+                    <li><a href="#">Suspendisse mauris</a></li>
+                    <li><a href="#">Urnanet molestie semper</a></li>
+                    <li><a href="#">Prcin orci porttitor</a></li>
+                </ul>
+
+                <img class="FL title_heart" src="images/img06.jpg" width="19" height="16" />
+                <p class="categories">archives</p>
+                <div class="left_line"></div>
+                <ul class="left_list">
+                    <li><a href="#">September</a> (23)</li>
+                    <li><a href="#">August</a> (31)</li>
+                    <li><a href="#">July</a> (31)</li>
+                    <li><a href="#">June</a> (30)</li>
+                    <li><a href="#">May</a> (31)</li>
+                </ul>
+
+                <img class="FL title_heart" src="images/img06.jpg" width="19" height="16" />
+                <p class="categories">lorem ipsum dolor</p>
+                <div class="left_line"></div>
+                <ul class="left_list">
+                    <li><a href="#">Aliquam libero</a></li>
+                    <li><a href="#">Consectetuer elit</a></li>
+                    <li><a href="#">Metus pellentesque</a></li>
+                    <li><a href="#">Suspendisse mauris</a></li>
+                    <li><a href="#">Urnanet molestie semper</a></li>
+                    <li><a href="#">Proin orci porttitor</a></li>
+                </ul>
+            </div>
+
+            <div class="content_right FR">
+                <div class="content_blocks top_block">
+                    <img class="FL title_heart" src="images/img06.jpg" width="19" height="16" />
+                    <p class="categories">Welcome to Valentine</p>
+                    <div class="right_line"></div>
+
+                    <img class="FL tulips" src="images/img09.jpg" width="170" height="120" />
+                    <p class="text">This is Valentine, a free, fully standards-compliant CSS template designed by <a href="#">Free CSS Templates</a>. The photos in this design are from <a href="#">PDPhoto.org</a></p>
+                    <p class="text">This free template is released under a <a href="#">Creative Commons Attrbutions 2.5</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the focter intact. Aside from that, have fun with it :) This design is also available as a <a href="#">WordPress theme</a> at <a href="#">Free Wordpress Themes</a>.</p>
+                    <div class="content_bottom_line"></div>
+                    <p class="text posted">Posted on November 5, 2007 by <a href="#">Someone</a> | <a href="#">32 comments</a></p>
+                </div>
+                <div class="content_blocks bottom_block">
+                    <img class="FL title_heart" src="images/img06.jpg" width="19" height="16" />
+                    <p class="categories">Blandit volutpat consequat</p>
+                    <div class="right_line"></div>
+
+                    <p class="text">Proin nec magna. Proin nec massa sit amet purus congue molestie. Aliquam erat volutpat. Nulla pellentesque dolor non tellus. Duis vel elit sit amet ipsum vehical varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse rhoncus. Nunc est. Present interdum lectus quis neque. Aliquam eros. Julia fermentum dolor eget mi. Cras diam sapien, auctor non, malesuada at, tristique id, dui. Aenean congue ante.</p>
+                    <p class="text">Aenean congue ante. Prom nec magna tempus lorem ipsum dolor.</p>
+                    <p class="text">Proin nec magna. Proin nec massa sit amet purus congue molestie. Aliquam erat volutpat. Nulla pellentesque dolor non tellus. Duis vel elit sit amet ipsum vehicula varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae.</p>
+
+                    <div class="content_bottom_line"></div>
+                    <p class="text posted">Posted on November 5, 2007 by <a href="#">Someone</a> | <a href="#">32 comments</a></p>
+                </div>
+            </div>
+            
+        </div>
+        <div class="footer" align="center">
+        	<div class="last_line CB"></div>
+    		<p class="text copyright FL">Copyright (c) 2007 Website name. All right reserved</p>
+        	<p class="text designed FR">Designed by <a href="#">Free CSS Templates</a></p>
+    	</div>
+    </div>
+</body>
+</html>
--- a/web-design/2_поток_центровщик/2_поток.css
+++ b/web-design/2_поток_центровщик/2_поток.css
@@ -0,0 +1,215 @@
+@charset "utf-8";
+/* CSS Document */
+
+* {
+    margin: 0;
+    padding: 0;
+}
+
+.FL {
+    float: left;
+}
+
+.FR {
+    float: right;
+}
+
+.CB {
+    clear: both;
+}
+
+a:hover {
+    text-decoration: none;
+}
+
+a {
+    color: #f72d63;
+}
+
+.valentine {
+    height: 196px;
+    background-image: url(images/img01.jpg);
+}
+
+.inside {
+    margin: 0 auto;
+    width: 900px;
+}
+
+.valentine_text {
+    margin: 0;
+    padding-top: 50px;
+    font-size: 50px;
+    color: #f74b61;
+}
+
+.templates {
+    margin: 0;
+    padding: 0;
+    color: #f74b61;
+    font-size: 12px;
+    font-family: Arial;
+    letter-spacing: -1px;
+}
+
+.menu {
+    background-image: url(images/menu_img.jpg);
+    height: 54px;
+    width: 100%;
+}
+
+.heart {
+    margin-right: 5px;
+}
+
+.menu_list {
+    margin: 0;
+    padding-top: 17px;
+}
+
+.menu_list li {
+    display: inline;
+    margin-right: 25px;
+}
+
+.menu_list li a {
+    color: white;
+    font-family: Arial;
+    font-size: 11px;
+    text-decoration: none;
+}
+
+.text_input {
+    margin-top: 13px;
+}
+
+.field {
+    width: 130px;
+    height: 20px;
+}
+
+.GO {
+    margin-right: 10px;
+    width: 34px;
+    height: 23px;
+    background-color: #f74b61;
+    color: white;
+}
+
+.content {
+    padding-top: 20px;
+    background-color: #ffdbe1;
+    width: 100%;
+    height: 900px;
+}
+
+.content_left {
+    width: 250px;
+}
+
+.title_heart {
+    margin-right: 5px;
+    margin-left: 10px;
+    padding-top: 10px;
+}
+
+.categories {
+    color: #f62d47;
+    font-size: 24px;
+	font-family: Arial;
+	font-weight: bold;
+}
+
+.left_line {
+    width: 250px;
+    height: 1px;
+    border-top: 1px dotted #fa8496;
+    margin-top: 5px;
+}
+
+.left_list {
+    margin-top: 25px;
+    margin-left: 35px;
+    margin-bottom: 40px;
+    list-style: url(images/img07.gif)
+}
+
+.left_list li {
+    margin-bottom: 5px;
+    color: #f27293;
+}
+
+.content_right {
+    width: 603px;
+}
+
+.content_blocks {
+    padding-top: 5px;
+    background-color: #fecbd4;
+    margin-top: 13px;
+    width: 603px;
+    margin-bottom: 20px;
+	border-radius: 20px;
+}
+
+.top_block {
+    height: 340px;
+}
+
+.bottom_block {
+    height: 390px;
+}
+
+.right_line {
+    width: 603px;
+    height: 0px;
+    border-top: 7px solid #f74b61;
+    margin-top: 5px;
+    margin-bottom: 30px;
+}
+
+.tulips {
+    margin-left: 10px;
+    margin-right: 20px;
+}
+
+.text {
+    margin-left: 10px;
+    color: #f27291;
+    margin-bottom: 30px;
+}
+
+.text a {
+    color: #f82d47;
+}
+
+.content_bottom_line {
+    width: 603px;
+    height: 1px;
+    border-top: 1px dotted #fa8496;
+    margin-top: 45px;
+}
+
+.posted {
+    margin-top: 7px;
+}
+
+.last_line {
+    width: 1000px;
+    height: 20px;
+    border-bottom: 5px solid #fa8597
+}
+
+.copyright {
+    margin-left: 50px;
+    margin-top: 30px;
+}
+
+.designed {
+    margin-right: 50px;
+    margin-top: 30px;
+}
+.footer{
+	margin: 0 auto;
+	width: 1000px;
+}
--- a/web-design/2_поток_центровщик/images/img.gif
+++ b/web-design/2_поток_центровщик/images/img.gif
--- a/web-design/2_поток_центровщик/images/img01.jpg
+++ b/web-design/2_поток_центровщик/images/img01.jpg
--- a/web-design/2_поток_центровщик/images/img02.jpg
+++ b/web-design/2_поток_центровщик/images/img02.jpg
--- a/web-design/2_поток_центровщик/images/img03.jpg
+++ b/web-design/2_поток_центровщик/images/img03.jpg
--- a/web-design/2_поток_центровщик/images/img04.jpg
+++ b/web-design/2_поток_центровщик/images/img04.jpg
--- a/web-design/2_поток_центровщик/images/img05.jpg
+++ b/web-design/2_поток_центровщик/images/img05.jpg
--- a/web-design/2_поток_центровщик/images/img06.jpg
+++ b/web-design/2_поток_центровщик/images/img06.jpg
--- a/web-design/2_поток_центровщик/images/img07.gif
+++ b/web-design/2_поток_центровщик/images/img07.gif
--- a/web-design/2_поток_центровщик/images/img08.jpg
+++ b/web-design/2_поток_центровщик/images/img08.jpg
--- a/web-design/2_поток_центровщик/images/img09.jpg
+++ b/web-design/2_поток_центровщик/images/img09.jpg
--- a/web-design/2_поток_центровщик/images/menu_img.jpg
+++ b/web-design/2_поток_центровщик/images/menu_img.jpg
--- a/web-design/2_поток_центровщик/images/spacer.gif
+++ b/web-design/2_поток_центровщик/images/spacer.gif
--- a/web-design/8/8.css
+++ b/web-design/8/8.css
@@ -0,0 +1,159 @@
+@charset "utf-8";
+/* CSS Document */
+*{
+	padding: 0;
+	margin: 0;
+	border: 0;
+}
+.FL{float: left}
+.FR{float: right}
+.verh{
+	background-color: #9C896E;
+	width: 675px;
+	height: 100px;
+	border-top: 9px solid #FFFFFF;
+	border-left: 9px solid #FFFFFF;
+	border-right: 9px solid #FFFFFF;
+	margin-top: 40px;
+	margin-right: auto;
+	margin-left: auto;
+	margin-bottom: 0;
+}
+.bizbox{
+	color: #763A00;
+	font-family: Arial;
+	font-size: 40px;
+	font-weight: bold;
+	margin-left: 10px;
+	letter-spacing: -4px;
+}
+.otstupTOP{
+	margin-top: 25px;	
+}
+.free{
+	margin-top: 14px;
+	font-family: Arial;
+	font-weight: bold;
+	margin-right: 15px;
+	letter-spacing: -1px;
+}
+.By{
+	margin-top: 14px;
+	color: #763A00;
+	font-family: Arial;
+	margin-right: 3px;
+	font-weight: bold;
+	letter-spacing: -2px;
+}
+
+
+
+.content{
+	background-color: #F5F6EF;
+	width: 675px;
+	height: 525px;
+	border-bottom: 9px solid #9C896E;
+	border-left: 9px solid #9C896E;
+	border-right: 9px solid #9C896E;
+	margin: 0 auto;
+}
+.leftspisok{
+	margin-left: 35px;
+}
+.leftspisok2 li{
+	color: brown;
+}
+.otstup{
+	margin-top: 15px;
+}
+.levo{
+	width: 435px;
+	margin-left: 10px;
+}
+.pravo{
+	width: 182px;
+	margin-right: 15px;
+}
+.nazvanie{
+	font-family: Arial;
+	color: #763A00;
+	font-weight: bold;
+}
+.text{
+	font-family: Arial;
+	color: #AE5B0A;
+	font-size: 13px;
+	
+}
+.text2{
+	font-family: Arial;
+	color: #212121;
+	font-size: 13px;
+}
+a{
+	text-decoration: none;
+	color: #000000;
+}
+.kartinka{
+	border: 2px solid #763A00;
+}
+.textR{
+	width: 430px;
+	margin-left: 0px;	
+}
+.imageL{
+	width: 145px;
+	margin-left: 0px;
+	height: 115px;
+}
+
+
+
+.menu{
+	width: 182px;
+	height: 35px;
+}
+.menuend{
+	width: 182px;
+	height: 35px;
+	background-color: #9C896E;
+}
+.element{
+	line-height: 43px;
+	border-bottom: 1px solid #763A00;
+	text-align: center;
+}
+.spisok{width:182px;}
+.spisok a:link,a:visited{
+	color: #FFFFFF;
+	font-family: Arial;
+	font-size: 15px;
+	background-color: #9C896E;
+	letter-spacing: 1.05pt;
+	font-weight: bold;	
+}
+.spisok a{
+	display: block;
+}
+.spisok a:hover{
+	background-color: #FFFFFF;
+	color: #763A00;
+	list-style-type: none;
+}
+#active{
+	background-color: #FFFFFF;
+	color: #763A00;
+}
+
+
+
+.data{
+	font-family: Arial;
+	color: #763A00;
+}
+.niz{
+	font-family: Arial;
+	color: #AE5B0A;
+	font-size: 11px;
+	margin-top: 20px;	
+}
--- a/web-design/8/8.html
+++ b/web-design/8/8.html
@@ -0,0 +1,70 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>bizbox</title>
+<link href="8.css" rel="stylesheet" type="text/css">
+</head>
+
+<body bgcolor="#CFB48A">
+<div class="verh">
+   <div class="otstupTOP">
+	<div class="bizbox FL">bizbox</div>
+	<div class="free FR">Free CSS Templates</div>
+	<div class="By FR">By</div>
+   </div>
+</div>
+
+<div class="content">
+	<div class="levo FL">
+	  <p class="otstup nazvanie">Welcome to Sitename.com!</p>
+		<p class="otstup text"><strong>BIZBOX</strong> is a free template from <span class="text2">Free CSS Templates</span> released under a <span class="text2">Creative Commons Attribution 2.5 License.</span> You`re free to use it for both commercial or personal use. I only ask that you link back to <a href="#">my site</a> in some way. Enjoy :)</p>
+     
+      <div class="otstup">
+       <div class="imageL FL"><img class="kartinka" src="images/8_img1.jpg" width="130" height="110" alt=""/></div>
+       <div class="text textR"><p align="justify">Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque pellentesque semper massa.</p></div>
+      </div>
+      
+      <div class="leftspisok">
+      <ul type="disc" class="otstup leftspisok2">
+		<li><span class="text2">Suspendisse quis gravida massa felis.</span></li>
+		<li><span class="text2">Vivamus sagittis bibendum erat.</span></li>
+	    <li><span class="text2">Nullam et orci in erat viverra ornare.</span></li>
+        <li><span class="text2">Suspendisse quis gravida massa felis</span></li>
+        <li><span class="text2">Curabitur malesuada turpis nec ante</span></li>
+      </ul>
+      </div>
+      <p class="text otstup" align="justify">
+      	Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendub erat. Curabitur malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus. Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque pellentesque semper massa.
+      </p>
+    </div>
+	
+	<div class="pravo FR">
+	    <ul type="none" class="otstup spisok">
+	     <li class="element"><a href="#">HOME</a></li>
+	     <li class="element"><a href="#">PRODUCTS</a></li>
+	     <li class="element"><a href="#">SERVICES</a></li>
+	     <li class="element"><a href="#" id="active">ABOUT US</a></li>
+	     <li class="element"><a href="#">CONTACT US</a></li>
+	    </ul>
+	    
+	    
+		<!--<div class="menu otstup" align="center"><a href="#" class="menutext">HOME</a></div>
+		<div class="menu" align="center"><a href="#" class="menutext">PRODUCTS</a></div>
+		<div class="menu" align="center"><a href="#" class="menutext">SERVICES</a></div>
+		<div class="menu" align="center"><a href="#" class="menuABOUT">ABOUT US</a></div>
+		<div class="menu" align="center"><a href="#" class="menuCONTACT">CONTACT US</a></div>
+		-->
+		
+		<p class="otstup nazvanie">Recent Updates</p>
+		<p class="text otstup" align="justify">
+		 <span class="data">[06/09/2006] </span> Etiam odio mi, suscipit et, rhoncus ac, lacinia, nisl. Aliquam gravida massa eu arcu. <a href="#">More...</a>
+		</p>
+		<p class="text otstup"  align="justify">
+		 <span class="data">[06/06/2006] </span> Fusce mollis tristique sem. Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur malesuada. <a href="#">More...</a>
+		</p>
+	</div>
+</div>
+<div align="center" class="niz">Copyright &copy; 2008 Sitename.com. Designed by <a href="#">Free CSS Templates</a></div>
+</body>
+</html>
--- a/web-design/8/8.png
+++ b/web-design/8/8.png
--- a/web-design/8/images/8_img1.jpg
+++ b/web-design/8/images/8_img1.jpg
--- a/web-design/8/images/Thumbs.db
+++ b/web-design/8/images/Thumbs.db
--- a/web-design/8/images/spacer.gif
+++ b/web-design/8/images/spacer.gif
--- a/web-design/Занятие_10/1.jpg
+++ b/web-design/Занятие_10/1.jpg
--- a/web-design/Занятие_10/2.jpg
+++ b/web-design/Занятие_10/2.jpg
--- a/web-design/Занятие_10/3.jpg
+++ b/web-design/Занятие_10/3.jpg
--- a/web-design/Занятие_10/4.jpg
+++ b/web-design/Занятие_10/4.jpg
--- a/web-design/Занятие_10/5.jpg
+++ b/web-design/Занятие_10/5.jpg
--- a/web-design/Занятие_10/6.jpg
+++ b/web-design/Занятие_10/6.jpg
--- a/web-design/Занятие_10/7.jpg
+++ b/web-design/Занятие_10/7.jpg
--- a/web-design/Занятие_10/Lab10/About
+++ b/web-design/Занятие_10/Lab10/About
@@ -0,0 +1,34 @@
+<html>
+<head>
+<title>Organizational Committee</title>
+</head>
+
+<body>
+<table width="770" cellspacing="0" cellpadding="0" border="1" align="center" height="437">
+
+<tr height="10">
+<td colspan="2"><img src="topbar.jpg"></td>
+</tr>
+
+<tr>
+<td valign="top" width="140" bgcolor="orange">
+ <a href="About conference.html"><b><font face="Arial" size="2">About Conference</font></b></a><br>
+ <a href="Organizational Committee.html"><b><font face="Arial" size="2">Organizational<br>Committee</font></b></a><br>
+ <a href="Programme Committee.html"><b><font face="Arial" size="2">Programme<br>Committee</font></b></a><br>
+ <a href="Programme.html"><b><font face="Arial" size="2">Programme</font></b></a><br>
+ <a href="Proceedings.html"><b><font face="Arial" size="2">Proceedings</font></b></a><br>
+ <a href="Registration.html"><b><font face="Arial" size="2">Registration</font></b></a><br>
+ <a href="Contact Information.html"><b><font face="Arial" size="2">Contact Information</font></b></a>
+</td>
+<td valign="top">
+ &nbsp <b><font size="2" color="#690602" face="Arial">:: About Conference ::</font></b> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <font face="Arial"><u>LT</u> <b>EN</b></font><br><br>
+ <b><font face="Arial" size="3">Technology Enhanced Learning in a Digital Age - TELDA'03</b><br><br>
+ The international conference "Technology Enhanced Learning in a Digital Age" took place on 8-9 May at KTU Distance Education Centre. The conference brought together teachers, researchers,</font>
+ 
+</td>
+</tr>
+
+</table>
+<div align="center"><font face="Arial" size="1"> &copy 2003, Distance education centre at Kaunas University of Technology<font></div>
+</body>
+</html>
--- a/web-design/Занятие_10/Lab10/Contact
+++ b/web-design/Занятие_10/Lab10/Contact
@@ -0,0 +1,38 @@
+<html>
+<head>
+<title>Organizational Committee</title>
+</head>
+
+<body>
+<table width="770" cellspacing="0" cellpadding="0" border="1" align="center">
+
+<tr>
+<td colspan="2"><img src="topbar.jpg"></td>
+</tr>
+
+<tr height="330">
+<td valign="top" width="140" bgcolor="orange">
+ <a href="About conference.html"><b><font face="Arial" size="2">About Conference</font></b></a><br>
+ <a href="Organizational Committee.html"><b><font face="Arial" size="2">Organizational<br>Committee</font></b></a><br>
+ <a href="Programme Committee.html"><b><font face="Arial" size="2">Programme<br>Committee</font></b></a><br>
+ <a href="Programme.html"><b><font face="Arial" size="2">Programme</font></b></a><br>
+ <a href="Proceedings.html"><b><font face="Arial" size="2">Proceedings</font></b></a><br>
+ <a href="Registration.html"><b><font face="Arial" size="2">Registration</font></b></a><br>
+ <a href="Contact Information.html"><b><font face="Arial" size="2">Contact Information</font></b></a>
+</td>
+<td valign="top">
+ &nbsp <b><font size="2" color="#690602" face="Arial">:: Contact Information ::</font></b> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <font face="Arial"><u>LT</u> <b>EN</b></font><br><br>
+ <b><font face="Arial" size="2">Mrs Daina Gudoniene</b><br><br>
+ KTU Distance Education Centre<br><br>
+ Studentu st. 48a-311, LT-3028 Kaunas, Lithuania<br><br>
+ Tel. +370 37 300612<br><br>
+ Fax +370 37 300614<br><br>
+ E-mail <a href="#">telda@distance.ktu.It</a></font>
+ 
+</td>
+</tr>
+
+</table>
+<div align="center"><font face="Arial" size="1"> &copy 2003, Distance education centre at Kaunas University of Technology<font></div>
+</body>
+</html>
--- a/web-design/Занятие_10/Lab10/Organizational
+++ b/web-design/Занятие_10/Lab10/Organizational
@@ -0,0 +1,50 @@
+<html>
+<head>
+<title>Organizational Committee</title>
+</head>
+
+<body>
+<table width="770" cellspacing="0" cellpadding="0" border="1" align="center">
+
+<tr>
+<td colspan="2"><img src="topbar.jpg"></td>
+</tr>
+
+<tr height="10">
+<td valign="top" width="140" bgcolor="orange">
+ <a href="About conference.html"><b><font face="Arial" size="2">About Conference</font></b></a><br>
+ <a href="Organizational Committee.html"><b><font face="Arial" size="2">Organizational<br>Committee</font></b></a><br>
+ <a href="Programme Committee.html"><b><font face="Arial" size="2">Programme<br>Committee</font></b></a><br>
+ <a href="Programme.html"><b><font face="Arial" size="2">Programme</font></b></a><br>
+ <a href="Proceedings.html"><b><font face="Arial" size="2">Proceedings</font></b></a><br>
+ <a href="Registration.html"><b><font face="Arial" size="2">Registration</font></b></a><br>
+ <a href="Contact Information.html"><b><font face="Arial" size="2">Contact Information</font></b></a>
+</td>
+<td valign="top">
+ <font size="2" face="Arial">
+ &nbsp <b><font size="2" color="#690602" face="Arial">:: Organizational Committee</font></b> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <font face="Arial"><u>LT</u> <b>EN</b></font><br><br>
+ <b><font color="#690602" size="2" face="Arial">Dr. Inga Milisiunaite</font></b><br>
+ <b>Address</b> Studentu st 48a-315, LT-3028 Kaunas, Lithuania<br>
+ <b>Tel.</b> (8-37) 300625<br>
+ <b>Fax</b> (8-37) 300614<br>
+ <b>E-mail</b> Inga.Milisiunaite@ktu.It<br><br>
+ 
+ <b><font color="#690602" face="Arial">Mrs Daina Gudoniene</font></b><br>
+ <b>Address</b> Studentu st. 48a-311, LT-3028 Kaunas, Lithuania</br>
+ <b>Tel.</b>(8-37) 300612<br>
+ <b>Fax</b> (8-37) 300614<br>
+ <b>E-mail</b> telda@distance.ktu.lt<br><br>
+ 
+ <b><font color="#690602" face="Arial">Mr Aidas Jarusaitis</font></b><br>
+ <b>Address</b> Studentu st. 48a-321, LT-3028 Kaunas, Lithuania</br>
+ <b>Tel.</b>(8-37) 300610<br>
+ <b>Fax</b> (8-37) 300614<br>
+ <b>E-mail</b> Aidas.Jarusaitis@ktu.lt<br><br>
+ </font>
+</td>
+</tr>
+
+</table>
+<div align="center"><font face="Arial" size="1"> &copy 2003, Distance education centre at Kaunas University of Technology<font></div>
+</body>
+</html>
--- a/web-design/Занятие_10/Lab10/Proceedings.html
+++ b/web-design/Занятие_10/Lab10/Proceedings.html
@@ -0,0 +1,35 @@
+<html>
+<head>
+<title>Organizational Committee</title>
+</head>
+
+<body>
+<table width="770" cellspacing="0" cellpadding="0" border="1" align="center">
+
+<tr>
+<td colspan="2"><img src="topbar.jpg"></td>
+</tr>
+
+<tr height="330">
+<td valign="top" width="140" bgcolor="orange">
+ <a href="About conference.html"><b><font face="Arial" size="2">About Conference</font></b></a><br>
+ <a href="Organizational Committee.html"><b><font face="Arial" size="2">Organizational<br>Committee</font></b></a><br>
+ <a href="Programme Committee.html"><b><font face="Arial" size="2">Programme<br>Committee</font></b></a><br>
+ <a href="Programme.html"><b><font face="Arial" size="2">Programme</font></b></a><br>
+ <a href="Proceedings.html"><b><font face="Arial" size="2">Proceedings</font></b></a><br>
+ <a href="Registration.html"><b><font face="Arial" size="2">Registration</font></b></a><br>
+ <a href="Contact Information.html"><b><font face="Arial" size="2">Contact Information</font></b></a>
+</td>
+<td valign="top">
+ &nbsp <b><font size="2" color="#690602" face="Arial">:: Proceedings ::</font></b> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <font face="Arial"><u>LT</u> <b>EN</b></font><br><br>
+ <font face="Arial" size="2">
+ <b>Requirements for the Reports</b><br><br>
+ The reports should be sent in by E-mail, in a floppy disk or a compact disk<br>Conference reports should be repared using the text editor programme Microsoft Word. The length of the reports should be up to 4 pages. Paper size - A4, Times new Roman 12 pt, margins - 2cm, spacing -single space.
+ </font>
+</td>
+</tr>
+
+</table>
+<div align="center"><font face="Arial" size="1"> &copy 2003, Distance education centre at Kaunas University of Technology<font></div>
+</body>
+</html>
--- a/web-design/Занятие_10/Lab10/Programme
+++ b/web-design/Занятие_10/Lab10/Programme
@@ -0,0 +1,54 @@
+<html>
+<head>
+<title>Organizational Committee</title>
+</head>
+
+<body>
+<table width="770" cellspacing="0" cellpadding="0" border="1" align="center" height="437">
+
+<tr>
+<td colspan="2"><img src="topbar.jpg"></td>
+</tr>
+
+<tr height="10">
+<td valign="top" width="140" bgcolor="orange">
+ <a href="About conference.html"><b><font face="Arial" size="2">About Conference</font></b></a><br>
+ <a href="Organizational Committee.html"><b><font face="Arial" size="2">Organizational<br>Committee</font></b></a><br>
+ <a href="Programme Committee.html"><b><font face="Arial" size="2">Programme<br>Committee</font></b></a><br>
+ <a href="Programme.html"><b><font face="Arial" size="2">Programme</font></b></a><br>
+ <a href="Proceedings.html"><b><font face="Arial" size="2">Proceedings</font></b></a><br>
+ <a href="Registration.html"><b><font face="Arial" size="2">Registration</font></b></a><br>
+ <a href="Contact Information.html"><b><font face="Arial" size="2">Contact Information</font></b></a>
+</td>
+<td valign="top">
+ &nbsp <b><font size="2" color="#690602" face="Arial">:: Programme Committee ::</font></b> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <font face="Arial"><u>LT</u> <b>EN</b></font><br><br>
+ <font face="Arial" size="2">
+  <ul type="disc">
+   <li><b>Prof. R. Bansevicius</b>, Rector, Kaunas University of Technology, Lithuania</li>
+   <li><b>Prof. L. Telksnys</b>, Board Chairman, Academical and Research Network in Lithuania (LITNET), Lithuania</li>
+   <li><b>Dr. R. Siaunciunas</b>, Vice-rector, Kaunas University of Technology, Lithuania</li>
+   <li><b>Prof. Dr. Uskov</b>, Co-Director, Computer Science and Information Systems, Bradley University, USA</li>
+   <li><b>Prof. J. Bang</b>, President, European Associacion of Distance Teaching Universities (EADTU), Denmark</li>
+   <li><b>Dr. A. Szucs</b>, General Secretary, European Distance Education Network (EDEN), Hungary</li>
+   <li><b>Prof. V. Ostasevicius</b>, Vice-rector Kaunas University of Technology, Lithuania</li>
+   <li><b>Dr. E. Treciokiene</b>, Coordinator, EU Socrates Programme Adult Education/Grundtvig and ODL/Minerva, Lithuania</li>
+   <li><b>Mrs I. Bo</b>, Director, Norwegian Associacion for Distance Education, Norway</li>
+   <li><b>Dr. I. Ivanova</b>, Latvia University, Latvia</li>
+   <li><b>Dr. H. Urponen</b>, Head, Continuing Education Centre, Universities of Lapland, Finland</li>
+   <li><b>Mr. D. Ciancio</b>, Network Administrator, Thenuce project, University of Liege, Belgium</li>
+   <li><b>Prof. A. Targamadze</b>, Dean, Informatics Faculty, Kaunas University of Technology, Lithuania</li>
+   <li><b>Dr. R. Kulvietiene</b>, Information Technologies Faculty, Vilnus Gediminas Technical University, Lithuania</li>
+   <li><b>Prof. R. Seinauskas</b>, Director, ITDI, Kaunas University of Technology, Lithuania</li>
+   <li><b>Mr. M. Brennan</b>, Head, Learning Development and Continuing Education, University of London, UK</li>
+   <li><b>Mr. F. Moe</b>, Office Manager, Centre for Continuing Education, University of Bergen, Norway</li>
+   <li><b>Dr. D. Rutkauskiene</b>, Director, Distance Education Centre, Kaunas University of Technology, Lithuania</li>
+  </ul>
+ </font>
+ 
+</td>
+</tr>
+
+</table>
+<div align="center"><font face="Arial" size="1"> &copy 2003, Distance education centre at Kaunas University of Technology<font></div>
+</body>
+</html>
--- a/web-design/Занятие_10/Lab10/Programme.html
+++ b/web-design/Занятие_10/Lab10/Programme.html
@@ -0,0 +1,52 @@
+<html>
+<head>
+<title>Organizational Committee</title>
+</head>
+
+<body>
+<table width="770" cellspacing="0" cellpadding="0" border="1" align="center">
+
+<tr>
+<td colspan="2"><img src="topbar.jpg"></td>
+</tr>
+
+<tr height="10">
+<td valign="top" width="140" bgcolor="orange">
+ <a href="About conference.html"><b><font face="Arial" size="2">About Conference</font></b></a><br>
+ <a href="Organizational Committee.html"><b><font face="Arial" size="2">Organizational<br>Committee</font></b></a><br>
+ <a href="Programme Committee.html"><b><font face="Arial" size="2">Programme<br>Committee</font></b></a><br>
+ <a href="Programme.html"><b><font face="Arial" size="2">Programme</font></b></a><br>
+ <a href="Proceedings.html"><b><font face="Arial" size="2">Proceedings</font></b></a><br>
+ <a href="Registration.html"><b><font face="Arial" size="2">Registration</font></b></a><br>
+ <a href="Contact Information.html"><b><font face="Arial" size="2">Contact Information</font></b></a>
+</td>
+<td valign="top">
+ &nbsp <b><font size="2" color="#690602" face="Arial">Programme</font></b> &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <font face="Arial" ><u>LT</u> <b>EN</b><font><br><br>
+ <b><font size="2" color="brown" face="Arial">Thursday, May 8</font><br></b>
+ <hr color="#690602"><br>
+ <font face="Arial" size="2">
+  <b>8.00- 9.30</b> Registration Distance Education Centre at KTU.  Studentu st.48 A-337<br><br>
+  <b><font size="2" color="#690602" face="Arial">Plenary Session</font></b> (lead by D. Rutkauskiene, Distance Education Centre at KTU; J. Bang, EADTU, Denmark)<br><br>
+  <b>9. 30 - 9.40</b> The Opening of the Conference<br>
+  Welcome by Prof. R. P. Bansevicius, Rector of Kaunas University of Technology<br>
+  Greetings from Mr. A. Monkevicius, Minister of Education and Science<br>
+  Greetings from Mrs. B.Miskiniene, Leonardo da Vinci National Agency<br><br>
+  <b>9.40 - 10.10</b> Lithuania Towards Knowledge Economy (R. Gudauskas, Adviser to the Prime Minister, Lithuania)<br><br>
+  <b>10.10- 10.30</b> Approach To The Research In Higher Education Sector (V. Ostasevicius, Kaunas University of Technology, Lithuania)<br><br>
+  <b>10.30 -10 50</b> Quality in Open and Distance Education and e-learning (I.Bo, EDEN, Norway)<br><br>
+  <b>10.50-11.10</b> Life Long Learning and Information Technologies (A. Targamadze, Kaunas University of Technology, Lithuania)<br><br>
+  <b>11.10-11.30</b> eBOLOGNA - Developing e-learning in Europe (J.Bang, EADTU, Denmark)<br><br>
+  <b>11.30- 12. 00</b> Coffe break<br><br>
+  <b><font size="2" face="Arial" color="#690602">Session A</font></b> (Lead by D. Leclercq University of Liege, Belgium; I.Milisiunaite, Kaunas University of Technology, Lithuania)<br><br>
+  <b>12. 00- 12.20</b> Information and Communication Technologies as an Innovation in Educational Institutes (E. Niemi, R. Karjalainen, Oulu University, Finland)<br><br>
+  <b>12.20-12.40</b> Pedagogical Aspects of ICT in Distance Education (I. Ivanova, University of Latvia, Latvia)<br><br>
+  <b>12.40-13.00</b> Self Assessing Students in the Knowledge Society. A challenge and Practical Solutions (D. Leclercq, University of Li?ge, Belgium)<br><br>
+  <b>13.00-13.20</b> Key aspects of the Development of Distance Education (D.Rutkauskiene, National Distance Education Associacion, Lithuania<br><br>
+ </font>
+</td>
+</tr>
+
+</table>
+<div align="center"><font face="Arial" size="1"> &copy 2003, Distance education centre at Kaunas University of Technology<font></div>
+</body>
+</html>
--- a/web-design/Занятие_10/Lab10/Registration.html
+++ b/web-design/Занятие_10/Lab10/Registration.html
@@ -0,0 +1,61 @@
+<html>
+<head>
+<title>Organizational Committee</title>
+</head>
+
+<body>
+<table width="770" cellspacing="0" cellpadding="0" border="1" align="center">
+
+<tr>
+<td colspan="2"><img src="topbar.jpg"></td>
+</tr>
+
+<tr height="10">
+<td valign="top" width="140" bgcolor="orange">
+ <a href="About conference.html"><b><font face="Arial" size="2">About Conference</font></b></a><br>
+ <a href="Organizational Committee.html"><b><font face="Arial" size="2">Organizational<br>Committee</font></b></a><br>
+ <a href="Programme Committee.html"><b><font face="Arial" size="2">Programme<br>Committee</font></b></a><br>
+ <a href="Programme.html"><b><font face="Arial" size="2">Programme</font></b></a><br>
+ <a href="Proceedings.html"><b><font face="Arial" size="2">Proceedings</font></b></a><br>
+ <a href="Registration.html"><b><font face="Arial" size="2">Registration</font></b></a><br>
+ <a href="Contact Information.html"><b><font face="Arial" size="2">Contact Information</font></b></a>
+</td>
+<td valign="top">
+ &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp <font face="Arial"><u>LT</u> <b>EN</b></font><br>
+ <b><font face="Arial" size="5">Technology Enhanced Learning in a Digital Age - TELDA'03</b><br></font>
+ <font size="2" face="Arial">International conference 8 - 9 May, 2003, Kaunas, Lithuania<br><br>
+ <b>Organizational issues<br><br>
+ Important Dates</b><br>
+ Registration and abstracts of proposals are due to March 31, 2003.<br>
+ The deadline for sending in a full paper is April 11, 2003.<br><br>
+ All accepted papers will be published before the conference in the conference proceedings "Technology Enhanced Learning in a Digital Age".<br><br>
+ Send to the address:<br>
+ <i>Kaunas University of Technology Distance Education Centre,<br>
+ Studentu st. 48a - 311,<br>
+ LT-3028 Kaunas<br>
+ Lithuania<br>
+ E-mail address: <a href="#"><font size="2" face="arial"><i>telda@distance.ktu.lt</i></font></a></i><br><br><br><br>
+  <table align="center" border="1" cellspacing="0" cellpadding="0">
+   <tr>
+   <td width="500" align="center"><font size="4" face="Times new roman"><b>Registration is over.</b></font></td>
+   </tr>
+  </table><br>
+ <b>Registration fee:</b> 50 EUR<br>
+ <b>Gala dinner:</b> 10 EUR<br>
+ <br>To be paid to:</b><br>
+ Beneficiary's Bank; AB Vilnus Bank, Beneficary's account 76687086745, SWIFT CBVI LT 2X ,<br>
+ Gedimino av. 12,<br>
+ LT-2600 Vilnus,<br>
+ Lithuania<br><br>
+ <br>Beneficiary:</b><br>
+ Kaunas University of Technology ITPI,<br>
+ Studentu st.48a LT-3028 Kaunas<br>
+ Lithuania<br><br>
+ <b>Before 31 March, 2003</b><br><br><br>
+</td>
+</tr>
+
+</table>
+<div align="center"><font face="Arial" size="1"> &copy 2003, Distance education centre at Kaunas University of Technology<font></div>
+</body>
+</html>
--- a/web-design/Занятие_10/Lab10/bg.gif
+++ b/web-design/Занятие_10/Lab10/bg.gif
--- a/web-design/Занятие_10/Lab10/krdmc.jpe
+++ b/web-design/Занятие_10/Lab10/krdmc.jpe
--- a/web-design/Занятие_10/Lab10/ktu.jpe
+++ b/web-design/Занятие_10/Lab10/ktu.jpe
--- a/web-design/Занятие_10/Lab10/ndma.gif
+++ b/web-design/Занятие_10/Lab10/ndma.gif
--- a/web-design/Занятие_10/Lab10/topbar.jpg
+++ b/web-design/Занятие_10/Lab10/topbar.jpg
--- a/web-design/Занятие_10/conference_files/bg.gif
+++ b/web-design/Занятие_10/conference_files/bg.gif
--- a/web-design/Занятие_10/conference_files/krdmc.jpe
+++ b/web-design/Занятие_10/conference_files/krdmc.jpe
--- a/web-design/Занятие_10/conference_files/ktu.jpe
+++ b/web-design/Занятие_10/conference_files/ktu.jpe
--- a/web-design/Занятие_10/conference_files/ndma.gif
+++ b/web-design/Занятие_10/conference_files/ndma.gif
--- a/web-design/Занятие_10/conference_files/topbar.jpg
+++ b/web-design/Занятие_10/conference_files/topbar.jpg
--- a/web-design/Занятие_11/10.png
+++ b/web-design/Занятие_11/10.png
--- a/web-design/Занятие_11/BreakFast.css
+++ b/web-design/Занятие_11/BreakFast.css
@@ -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
+}
--- a/web-design/Занятие_11/BreakFast.html
+++ b/web-design/Занятие_11/BreakFast.html
@@ -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>
--- a/web-design/Занятие_11/images/img1.gif
+++ b/web-design/Занятие_11/images/img1.gif
--- a/web-design/Занятие_11/images/img2.jpg
+++ b/web-design/Занятие_11/images/img2.jpg
--- a/web-design/Занятие_11/images/img3.jpg
+++ b/web-design/Занятие_11/images/img3.jpg
--- a/web-design/Занятие_11/images/img4.gif
+++ b/web-design/Занятие_11/images/img4.gif
--- a/web-design/Занятие_11/images/spacer.gif
+++ b/web-design/Занятие_11/images/spacer.gif
--- a/web-design/Занятие_12/1.jpg
+++ b/web-design/Занятие_12/1.jpg
--- a/web-design/Занятие_12/2.jpg
+++ b/web-design/Занятие_12/2.jpg
--- a/web-design/Занятие_12/Занятие
+++ b/web-design/Занятие_12/Занятие
@@ -0,0 +1,181 @@
+<html>
+<head>
+<title>Forms</title>
+</head>
+
+<body>
+<table bgcolor="lightblue" cellspacing="1" cellpadding="1" border="0" width="100%">
+
+<tr height="55">
+<td bgcolor="orange" colspan="2"><font size="4"><b>Sign up procedure</b></font> <font size="2">(Step 1 of 2)</font></td>
+</tr>
+
+<tr height="45">
+<td colspan="2" bgcolor="white"><font color="red">*</font> <font size="4">&mdash; All marked fields are required</font></td>
+</tr>
+
+<tr>
+<td width="220" align="right">Account name:</td>
+<td><input type="text"><b>@mail.md</b><font color="red"> * </font>Account name must be 4-20 characters long, sue [ (a-z), (0-9) (_), (-), (.) ]</td>
+</tr>
+
+<tr>
+<td align="right">Password:</td>
+<td><input type="password"><font color="red"> *</font></td>
+</tr>
+
+<tr>
+<td align="right">Confirm password:</td>
+<td><input type="password"><font color="red"> *</font></td>
+</tr>
+
+<tr>
+<td colspan="2">&nbsp</td>
+</tr>
+
+<tr>
+<td align="right">Secret question</td>
+<td><input type="text"><font color="red"> *</font></td>
+</tr>
+
+<tr>
+<td align="right">Secret answer:</td>
+<td><input type="text"><font color="red"> *</font></td>
+</tr>
+
+<tr>
+<td></td>
+<td>
+ Enter the word as it is shownd in the image on the left<br>
+ <input type="text"><font color="red"> *</font>
+</td>
+</tr>
+
+<tr>
+<td colspan="2">
+ <b>Personal details:</b><br>
+ <hr>
+</td>
+</tr>
+
+<tr>
+<td align="right">Full name:</td>
+<td><input type="text"><font color="red"> *</font></td>
+</tr>
+
+<tr>
+<td align="right">Date of birth</td>
+<td><input type="text"></td>
+</tr>
+
+<tr>
+<td align="right">Sex</td>
+<td><input type="radio" name="radio"> Male <input type="radio" name="radio"> Female<font color="red"> *</font></td>
+</tr>
+
+<tr>
+<td colspan="2">&nbsp</td>
+</tr>
+
+<tr>
+<td align="right">Country:</td>
+<td>
+ <select>
+  <option>Moldova</option>
+  <option>Russia</option>
+  <option>Ukraine</option>
+  <option>Turkey</option>
+  <option>USA</option>
+ </select>
+ <font color="red"> *</font>
+</td>
+</tr>
+
+<tr>
+<td align="right">City:</td>
+<td><input type="text"><font color="red"> *</font></td>
+</tr>
+
+<tr>
+<td align="right">Postal code:</td>
+<td><input type="text"></td>
+</tr>
+
+<tr>
+<td colspan="2">&nbsp</td>
+</tr>
+
+<tr>
+<td align="right">Occupation:</td>
+<td>
+ <select>
+  <option>School/university students</option>
+  <option>Employee</option>
+  <option>Unemployed</option>
+ </select>
+</td>
+</tr>
+
+<tr>
+<td align="right">Field of activity:</td>
+<td>
+ <select>
+  <option>Agriculture/Food industry</option>
+  <option>Production</option>
+  <option>Education</option>
+ </select>
+</td>
+</tr>
+
+<tr>
+<td colspan="2">&nbsp</td>
+</tr>
+
+<tr>
+<td align="right">Time zone:</td>
+<td>
+ <select>
+  <option>(GMT +02.00)Buharest, Chisinau</option>
+  <option>(GMT +03:00)Moscow</option>
+  <option>(GMT +01:00)Madrid</option>
+  <option>(GMT +00:00)London</option>
+ </select>
+</td>
+</tr>
+
+<tr>
+<td align="right">Preferred language:</td>
+<td>
+ <input type="radio" name="radio2">English
+ <input type="radio" name="radio2">Romanion
+ <input type="radio" name="radio2">Russian<font color="red"> *</font>
+</td>
+</tr>
+
+<tr>
+<td colspan="2"><hr></td>
+</tr>
+
+<tr>
+<td align="right">Send me special offers,<br>promotions, and research<br>surveys from selected Mail.md<br>partners<br>
+ &nbsp<br>
+ &nbsp
+</td>
+<td valign="bottom">
+ <input type="radio" name="radio3"> Yes<br>
+ <input type="radio" name="radio3"> No<br>
+&nbsp
+</td>
+</tr>
+
+<tr bgcolor="white">
+<td colspan="2">&nbsp<br>&nbsp</td>
+</tr>
+
+<tr height="46">
+<td colspan="2" bgcolor="navy" align="center"><input type="submit" value="Next"></td>
+</tr>
+
+</table>
+</body>
+</html>
--- a/web-design/Занятие_13_css/13.css
+++ b/web-design/Занятие_13_css/13.css
@@ -0,0 +1,104 @@
+@charset "utf-8";
+/* CSS Document */
+
+*{
+	padding: 0;
+	margin: 0;
+	border: 0;
+}
+.FL{float: left;}
+.FR{float: right;}
+.clearL{clear:left;}
+.clearR{clear: right;}
+.clearB{clear: both;}
+
+.container{
+	width: 770px;
+	height: 710px;
+}
+.nav{
+	width: 468px;
+	height: 51px;
+	background-image: url(images/index_02.gif);
+}
+.navOtstup{
+	margin-top: 12px;
+	color: #FFFFFF;
+}
+a{
+	text-decoration: none;
+	color: #FFFFFF;
+	font-family: Arial;
+	font-size: 18px;
+}
+a:hover{
+	color: aquamarine;
+	text-decoration: underline;
+}
+.levo{
+	width: 168px;
+	height: 395px;
+}
+.pravo{
+	margin-left: 15px;
+	width: 587px;
+	height:395px;
+}
+.zagolovok{
+	color: #ADADAD;
+	font-family: Arial;
+	font-size: 22px;
+}
+.zagolovok2{
+	margin-top: 12px;
+	margin-bottom: 9px;
+	color: #2C00C3;
+	font-size: 17px;
+	font-family: Arial;
+	font-weight: bold;	
+}
+.text{
+	font-family: Arial;
+	font-size: 11px;
+}
+.niz{
+	width: 255px;
+	height: 51px;
+	background-image: url(images/index_23.gif);
+}
+.niz2{
+	margin-left: 1px;
+}
+.niztext{
+	color: #FFFFFF;
+	font-family: Arial;
+	font-size: 14px;
+	font-weight: bold;
+	margin-top: 16px;
+}
+.final{
+	width: 730px;
+	background-image: url(images/index_26.gif);
+	height: 26px;
+}
+.finaltext{
+	font-family: Arial;
+	font-size: 11px;
+	color: #2C00C3;
+	font-weight: bold;
+	margin-top: 4px;
+}
+
+.about{padding-top: 1px;}
+.textlevo{width: 356px;}
+.textDIV{width:566px;}
+.textniz{margin-top:10px;}
+.belii{color: #FFFFFF;}
+
+.Visota51{height: 51px;}
+.Visota50{height: 50px;}
+.Visota48{height: 48px;}
+.Visota49{height: 49px;}
+.Visota198{height: 198px;}
+.Visota29{height: 29px;}
+.Visota395{height: 395px;}
--- a/web-design/Занятие_13_css/13.html
+++ b/web-design/Занятие_13_css/13.html
@@ -0,0 +1,60 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>13</title>
+<link href="13.css" rel="stylesheet" type="text/css">
+</head>
+
+<body>
+<div align="center">
+ <div class="container">
+  <div class="FL Visota198"><img src="images/index_01.gif" width="282" height="198" alt=""/></div>
+  <div class="FL nav">
+   <div class="navOtstup">
+    <a href="#">Home</a> | <a href="#">About Us</a> | <a href="#">Destinations</a> | <a href="#">Career</a> | <a href="#">News</a> | <a href="#">Contacts</a>
+   </div>
+  </div> 
+ <div class="FR Visota51"><img src="images/index_03.gif" width="20" height="51" alt=""/></div>
+ <div class="FR Visota50"><img src="images/index_04.gif" width="488" height="50" alt=""/></div>
+ <div class="FL Visota48"><img src="images/index_05.gif" width="367" height="48" alt=""/></div>
+ <div class="FL Visota48"><img src="images/index_06.gif" width="121" height="48" alt=""/></div>
+ <div class="FL Visota49"><img src="images/index_07.gif" width="488" height="49" alt=""/></div>
+ <div class="Visota29 clearB"><img src="images/index_08.gif" width="770" height="29" alt=""/></div>
+ 
+   <div class="levo FL">
+     <img class="FL" src="images/index_09.gif" width="19" height="395" alt=""/>
+     <img class="FL" src="images/index_10.gif" width="149" height="395" alt=""/>
+   </div>
+   
+   <div class="pravo FR">
+     
+     <div class="FL textDIV" align="left">
+       <p class="zagolovok">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
+       <p class="zagolovok2">Welcome to Institution Name</p>
+       <div class="clearB">
+         <div class="FL textlevo"><p class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam in arcu at sem nonummy convallis. Duis felis ante, congue vel, venenatis eu, elementum quis, lorem. Vestibulum eu massa et misi viverra mattis. Nam semper. Nulla sit amet diam. Mauris faucibus eleifend ligula. Phasellus nunc nibh, convallis sed, lobortis ac, vehicula id, lorem. Aliquam luctus, lectus imperdiet tristique egestas, sapien dui tincidunt erat, vitae vestibulum ipsum magna eget pede. Ut eget tortor quis elit fringilla suscipit. Pellentesque ac turpis.</p></div>
+         <div class="FR"><img src="images/index_15.gif" width="210" height="112" alt=""/></div> 
+         </div>
+       <div class="clearB about"><p class="zagolovok2">About us</p>
+       <p class="text">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam in arcu at sem nonummy convallis. Duis felis ante, congue vel, venenatis eu, elementum quis, lorem. Vestibulum eu massa et misi viverra mattis. Nam semper. Nulla sit amet diam. Mauris faucibus eleifend ligula. Phasellus nunc nibh, convallis sed, lobortis ac, vehicula id, lorem. Aliquam luctus, lectus imperdiet tristique egestas, sapien dui tincidunt erat, vitae vestibulum ipsum magna eget pede. Ut eget tortor quis elit fringilla suscipit. Pellentesque ac turpis.</p>
+       <p class="text textniz">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In Iaoreet. Proin eu lorem. Vestibulum metus nunc, rhoncus euismod, tempus eu, semper eget, urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam laэcus lorem, congue fringilla, accumsan at, interdum quis arcu. Nullam cursus risus sit amet felis. Suspendisse id nulla. Ut volutpat feugiat nisi. Etiam imperdiet velit vel orci euismod feugiat. Nulla placerat quam eu lacus. Nunc ipsumю</p></div>
+       </div>
+     
+     <div class="FR"><img src="images/index_13.gif" width="21" height="395" alt=""/></div>
+   </div>
+   <div class="niz2 clearB"> 
+     <img class="FL" src="images/index_20.gif" width="19" height="51" alt=""/> 
+     <img class="FL" src="images/index_21.gif" width="456" height="51" alt=""/>
+     <img class="FL" src="images/index_22.gif" width="19" height="51" alt=""/> 
+     <div class="FL niz"><p class="niztext" align="left">Copyright 2005 All Rights Reserved.</p></div>
+     <img class="FL" src="images/index_24.gif" width="20" height="51" alt=""/> 
+   </div>
+   <img class="FL niz2" src="images/index_25.gif" width="19" height="26" alt=""/> 
+   <div class="FL final" align="center"><p class="finaltext">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p></div>
+  <img src="images/index_27.gif" width="20" height="26" alt=""/> 
+
+</div>
+</div>
+</body>
+</html>
--- a/web-design/Занятие_13_css/css.png
+++ b/web-design/Занятие_13_css/css.png
--- a/web-design/Занятие_13_css/images/a4a.jpg
+++ b/web-design/Занятие_13_css/images/a4a.jpg
--- a/web-design/Занятие_13_css/images/b26.jpg
+++ b/web-design/Занятие_13_css/images/b26.jpg
--- a/web-design/Занятие_13_css/images/b4b.jpg
+++ b/web-design/Занятие_13_css/images/b4b.jpg
--- a/web-design/Занятие_13_css/images/c4c.jpg
+++ b/web-design/Занятие_13_css/images/c4c.jpg
--- a/web-design/Занятие_13_css/images/d4d.jpg
+++ b/web-design/Занятие_13_css/images/d4d.jpg
--- a/web-design/Занятие_13_css/images/e4e.jpg
+++ b/web-design/Занятие_13_css/images/e4e.jpg
--- a/web-design/Занятие_13_css/images/index_01.gif
+++ b/web-design/Занятие_13_css/images/index_01.gif
--- a/web-design/Занятие_13_css/images/index_02.gif
+++ b/web-design/Занятие_13_css/images/index_02.gif
--- a/web-design/Занятие_13_css/images/index_03.gif
+++ b/web-design/Занятие_13_css/images/index_03.gif
--- a/web-design/Занятие_13_css/images/index_04.gif
+++ b/web-design/Занятие_13_css/images/index_04.gif
--- a/web-design/Занятие_13_css/images/index_05.gif
+++ b/web-design/Занятие_13_css/images/index_05.gif
--- a/web-design/Занятие_13_css/images/index_06.gif
+++ b/web-design/Занятие_13_css/images/index_06.gif
--- a/web-design/Занятие_13_css/images/index_07.gif
+++ b/web-design/Занятие_13_css/images/index_07.gif
--- a/web-design/Занятие_13_css/images/index_08.gif
+++ b/web-design/Занятие_13_css/images/index_08.gif
--- a/web-design/Занятие_13_css/images/index_09.gif
+++ b/web-design/Занятие_13_css/images/index_09.gif
--- a/web-design/Занятие_13_css/images/index_10.gif
+++ b/web-design/Занятие_13_css/images/index_10.gif
--- a/web-design/Занятие_13_css/images/index_11.gif
+++ b/web-design/Занятие_13_css/images/index_11.gif
--- a/web-design/Занятие_13_css/images/index_12.gif
+++ b/web-design/Занятие_13_css/images/index_12.gif
--- a/web-design/Занятие_13_css/images/index_13.gif
+++ b/web-design/Занятие_13_css/images/index_13.gif
--- a/web-design/Занятие_13_css/images/index_14.gif
+++ b/web-design/Занятие_13_css/images/index_14.gif
--- a/web-design/Занятие_13_css/images/index_15.gif
+++ b/web-design/Занятие_13_css/images/index_15.gif
--- a/web-design/Занятие_13_css/images/index_16.gif
+++ b/web-design/Занятие_13_css/images/index_16.gif
--- a/web-design/Занятие_13_css/images/index_17.gif
+++ b/web-design/Занятие_13_css/images/index_17.gif
--- a/web-design/Занятие_13_css/images/index_18.gif
+++ b/web-design/Занятие_13_css/images/index_18.gif
--- a/web-design/Занятие_13_css/images/index_19.gif
+++ b/web-design/Занятие_13_css/images/index_19.gif
--- a/web-design/Занятие_13_css/images/index_20.gif
+++ b/web-design/Занятие_13_css/images/index_20.gif
--- a/web-design/Занятие_13_css/images/index_21.gif
+++ b/web-design/Занятие_13_css/images/index_21.gif
--- a/web-design/Занятие_13_css/images/index_22.gif
+++ b/web-design/Занятие_13_css/images/index_22.gif
--- a/web-design/Занятие_13_css/images/index_23.gif
+++ b/web-design/Занятие_13_css/images/index_23.gif
--- a/web-design/Занятие_13_css/images/index_24.gif
+++ b/web-design/Занятие_13_css/images/index_24.gif
--- a/web-design/Занятие_13_css/images/index_25.gif
+++ b/web-design/Занятие_13_css/images/index_25.gif
--- a/web-design/Занятие_13_css/images/index_26.gif
+++ b/web-design/Занятие_13_css/images/index_26.gif
--- a/web-design/Занятие_13_css/images/index_27.gif
+++ b/web-design/Занятие_13_css/images/index_27.gif
--- a/web-design/Занятие_13_css/images/spacer.gif
+++ b/web-design/Занятие_13_css/images/spacer.gif
--- a/web-design/Занятие_13_контейнер/13.png
+++ b/web-design/Занятие_13_контейнер/13.png
--- a/web-design/Занятие_13_контейнер/13_контейнер.css
+++ b/web-design/Занятие_13_контейнер/13_контейнер.css
@@ -0,0 +1,117 @@
+@charset "utf-8";
+/* CSS Document */
+*{
+	padding: 0;
+	border: 0;
+	margin: 0 auto;
+}
+body{background-image: url(images/0008d-background.jpg)}
+.container{
+	width: 700px;
+	margin-top: 30px;	
+}
+.verh{
+	width: 700px;
+	height: 60px;
+	background-color: #A1AEEF;
+	border-top-left-radius: 10px;
+	border-top-right-radius: 10px;
+}
+.FL{float: left;}
+.FR{float:right;}
+.clearB{clear:both;}
+.VerhTextDiv{
+	width:700px;
+	padding-top: 10px
+}
+.fairyblue{
+	margin-top: 14px;
+	margin-left: 10px;
+	color: #1E0074;
+	font-family: Arial;
+	font-size: 25px;
+}
+.templates{
+	margin-top: 18px;
+	margin-right: 10px;
+	color: #1E0074;
+	font-size: 18px;
+	font-family: Arial;
+}
+.menudiv{
+	width: 700px;
+	height: 32px;
+	background-image: url(images/img03.gif);
+}
+ul{
+	list-style-type: none;
+	float: left;
+	margin-top: 7px;
+	margin-left: 10px;
+}
+li{display: inline;}
+.menulink{
+	text-decoration: none;
+	color: #FFFFFF;
+	font-family: Arial;
+	font-size: 12px;
+	margin-right: 15px;
+}
+.content{
+	width: 700px;
+	height: 450px;
+	background-image: url(images/img04.gif);
+}
+.contentL{
+	width: 225px;
+	margin-top: 30px;
+	margin-left: 25px;
+}
+.contentR{
+	width: 415px;
+	margin-top: 30px;
+	margin-right: 15px;
+}
+.welcome{
+	color: #1E0074;
+	font-size: 19px;
+	font-family: Arial;
+	margin-bottom: 20px;	
+}
+.zagolovok{
+	color: #1E0074;
+	font-size: 16px;
+	font-family: Arial;
+}
+.text{
+	color: #4C5AC0;
+	font-size: 12px;
+	font-family: Arial;
+}
+.otstup{
+	margin-top: 13px;
+}
+.data{
+	color: #1E0074;
+	font-size: 13px;
+	font-family: Arial;
+}
+.niz{
+	height: 22px;
+	background-color: #829EDF;
+	border-bottom-right-radius: 10px;
+	border-bottom-left-radius: 10px;
+}
+.niztext{
+	color: #1E0074;
+	font-family: Arial;
+	font-size: 11px;
+	margin-left: 15px;
+	padding-top: 4px;
+}
+.nizlink{
+	color: #1E0074;
+	font-family: Arial;
+	font-size: 11px;
+	padding-top: 4px;
+}
--- a/web-design/Занятие_13_контейнер/13_контейнер.html
+++ b/web-design/Занятие_13_контейнер/13_контейнер.html
@@ -0,0 +1,63 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>fairyblue</title>
+<link href="13_контейнер.css" rel="stylesheet" type="text/css">
+
+</head>
+
+<body>
+<div class="container" align="center">
+ <div class="verh">
+  <div class="VerhTextDiv">
+   <p class="fairyblue FL" align="left">fairyblue</p>
+   <p class="FR templates">by free css templates</p>
+  </div>
+ </div>
+ <div class="menudiv">
+  <ul>
+   <li><a href="#" class="menulink">HOME</a></li>
+   <li><a href="#" class="menulink">PRODUCTS</a></li>
+   <li><a href="#" class="menulink">SERVICES</a></li>
+   <li><a href="#" class="menulink">ABOUT US</a></li>
+   <li><a href="#" class="menulink">CONTACT US</a></li>
+  </ul>
+ </div>
+ <div class="content">
+  <div class="contentL FL" align="left">
+   <p class="zagolovok">recent updates</p>
+   <div class="otstup">
+    <span class="data">[06/09/2006]</span>
+    <span class="text">Etiam odio mi, suscipit et, rhoncus ac, lacinia nisl. Aliquam gravid massa eu arcu. <a href="#" class="text">More...</a></span>
+   </div>
+   <div class="otstup">
+    <span class="data">[06/06/2006]</span><span class="text"> Fusce mollis tristique sem. Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur malesuada.<a href="#" class="text">More...</a></span>
+   </div>
+   <div class="otstup">
+   	<span class="data">[06/03/2006]</span><span class="text"> Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus. Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in <a href="#" class="text">More...</a></span>
+   </div>
+   <p class="otstup zagolovok">ipsum dolorem</p>
+   <p class="otstup"><a href="#" class="otstup text">Saqittis Bibendum Erat</a></p>
+   <p><a href="#" class="text">Malesuada Turpis</a></p>
+   <p><a href="#" class="text">Quis Gravida Massa</a></p>
+   <p><a href="#" class="text">Inerat Viverra Ornare</a></p>
+  </div>
+  <div class="contentR FR" align="left">
+   <p class="welcome">welcome to sitename.com!</p>
+   <p class="text otstup">FAIRYBLUE is a free template from <a href="#" class="text">Free CSS Templates</a> released under a <a href="#" class="text">Creative commons Attribution 2.5 License</a>. You're free to use it both for commercial or personal use. I only ask that you link back to <a href="#" class="text">my site</a> in some way. Enjoy :)</p>
+   <p class="text otstup">Suspendisse potenti. Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. Donec nulla est, laoreet quis, pellentesque in, congue in, dui. Nunc rhoncus placerat augue. Donec justo odio, eleifend varius, volutpat venenatis, sagittis ut, orci. Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus. Quisque pellentesque semper massa</p>
+   <p class="otstup"><a class="text" href="#">Suspendisse quis gravida massa felis.</a></p>
+   <p><a class="text" href="#">Vivamus saqittis bibendum erat.</a></p>
+   <p><a class="text" href="#">Nullam et orci in erat viverra ornare.</a></p>
+   <p><a class="text" href="#">Suspendisse quis gravida massa felis.</a></p>
+   <p><a class="text" href="#">Curabitur malesuada turpis nec ante.</a></p>
+   <p class="otstup text">Aliquam gravida massa eu arcu. Fusce mollis tristique sem. Sed eu eros imperdiet eros interdum blandit. Vivamus sagittis bibendum erat. Curabitur malesuada turpis nec ante. Suspendisse quis felis. Suspendisse potenti. Nullam et orci in erat viverra ornare. Nunc pellentesque. Sed vestibulum blandit nisl. Quisque elementum convallis purus</p>
+  </div>
+ </div>
+ <div class="niz">
+   <p class="niztext" align="left">Copyright &copy; Sitename.com. Designed by <a href="#" class="nizlink">Free CSS Templates</a></p>
+ </div>
+</div>
+</body>
+</html>
--- a/web-design/Занятие_13_контейнер/images/0008d-background.jpg
+++ b/web-design/Занятие_13_контейнер/images/0008d-background.jpg
--- a/web-design/Занятие_13_контейнер/images/img01.gif
+++ b/web-design/Занятие_13_контейнер/images/img01.gif
--- a/web-design/Занятие_13_контейнер/images/img02.gif
+++ b/web-design/Занятие_13_контейнер/images/img02.gif
--- a/Show More
+++ b/Show More