Файл: РАЗРАБОТКА САЙТА КОНСАЛТИНГОВОЙ КОМПАНИИ В СФЕРЕ ИНФОРМАЦИОННЫХ ТЕХНОЛОНИЙ ООО «Геоаналитика».pdf
Добавлен: 22.05.2023
Просмотров: 434
Скачиваний: 7
left:175px;
}
#contentText5
{
position:relative;
top:132px;
left:55px;
}
#mapImage
{
position:relative;
top:-90px;
left:650px;
}
.zaglavie
{
color:#DAFFFF;
font-size:30px;
letter-spacing:1px;
text-transform:uppercase;
}
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" href="contacts.css" rel="stylesheet">
<title>Контакты</title>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="headerImageLeft">
<img src="headerLeft.png" width="140px">
</div>
<div id="headerImageMiddle">
<a href="index.html"><img src="headerMiddle.png"></a>
</div>
<div id="headerImageRight" >
<img src="headerRight.png" width="100px">
</div>
</div>
<div id="sitebar">
<ul>
<li><a href="aboutClub.html">О клубе</a></li>
<li><a href="aboutBox.html">О Боксе</a></li>
<li><a href="treners.html">Тренеры</a></li>
<li><a href="champions.html">Чемпионы</a></li>
<li><a href="#contentText5">Контакты</a></li>
<li><a href="rospistrena.html">Расписание тренеровок</a></li>
<li><a href="ecipbox.html">Экипировка боксера</a></li>
</ul>
</div>
<div id="content">
<span id="ImageMiddle"><img src="middle.png" width="1119px"></span>
<span id="contentZaglavie1" class="zaglavie">Контакты</span>
<span id="contactImage1"><img src="contactImage.png"></span>
<span id="contentText1">Москва, ул. Восточная, дом 4А, строение 12.</span>
<span id="contentText2">Вблизи станции метро "Автозаводская" и "Дубровка", на </span>
<span id="contentText3">территории стадиона "Торпедо" им. Эдуарда Стрельцова</span>
<span id="contentText4">+7(495)228 14 88</span>
<span id="contentText5">torpedo@boxers.ru</span>
<span id="mapImage"><img src="map.png"></span>
</div>
</div>
</body>
</html>
*
{
margin:0;
padding:0;
}
body
{
background:#16191A;
color:#DAFFFF;
font-size:14px;
font-family:Tahoma;
}
#header
{
float:left;
display:block;
}
#headerImageLeft
{
position:absolute;
}
#headerImageMiddle
{
position:absolute;
left:133px;
}
#headerImageRight
{
position:absolute;
left:1260px;
}
#sitebar
{
border-top:2px solid red;
width:1120px;
position:relative;
top:163px;
left:140px;
}
#sitebar ul li a
{
color:white;
text-decoration:none;
}
#sitebar ul li
{
list-style:none;
float:left;
padding:0 24px;
font:16px Tahoma;
text-transform:uppercase;
padding-top:10px;
}
#sitebar ul
{
background:black;
height:40px;
}
#sitebar a:hover
{
color:#606060;
}
#ImageMiddle
{
position:relative;
top:162px;
left:141px;
}
#content
{
width:850px;
word-spacing:1px;
}
#contentAbout
{
position:relative;
top:200px;
left:140px;
}
#contentZaglavie1
{
position:relative;
top:210px;
left:140px;
}
#contentText1
{
position:relative;
top:220px;
left:160px;
line-height:30px;
}
#contentZaglavie2
{
position:relative;