table web-syte commit

main
anzorzakriev 2023-03-14 23:37:59 +03:00
commit d3161e5bcf
2 changed files with 65 additions and 0 deletions

44
index.html 100644
View File

@ -0,0 +1,44 @@
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<table>
<tr>
<th align="left">Logo</th>
<th></th>
<th align="left" colspan="3">Company slogan</th>
</tr>
<tr>
<th></th>
<th colspan="3" align="right"><a href="#">+7(777)777-77-77</a><br><a href="#">info@info.info</a></th>
</tr>
<tr>
<td align="left" colspan="3"><a href="#">Index</a> / <a href="#">Catalog</a> / <a href="#">Handcraft</a>
/ Hammer</td>
</tr>
<tr>
<td class="top" colspan="1">Vertical menu</td>
<th></th>
<td colspan="3">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum
has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a
galley of type and scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was
popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and
more recently with desktop publishing software like Aldus PageMaker including versions of Lorem
Ipsum.</td>
</tr>
<tr>
<td class="footer" colspan="3">©My best company Ever. 2021-2023. Footer</td>
</tr>
</table>
</div>
</body>
</html>

21
style.css 100644
View File

@ -0,0 +1,21 @@
.container{
width: 960px;
margin: 0 auto;
}
table {
width:100%;
}
td {
padding: 5px;
padding-right: 10px;
}
th {
padding: 10px;
}
.top{
vertical-align:top;
}
.footer{
text-align: center;
}