vivigubbio - allineamento con main #1

Merged
Martino merged 3 commits from vivigubbio into main 2024-09-08 14:15:55 +00:00
2 changed files with 61 additions and 0 deletions
Showing only changes of commit c5ed438275 - Show all commits

31
base.css Normal file
View File

@ -0,0 +1,31 @@
/* CSS base del progetto Vivi - iniziato il 2024-07-23 */
body {
margin: 20px;
}
nav {}
.icon-bar {
width: 100%;
background-color: #555;
overflow: auto;
}
.icon-bar a {
float: left;
text-align: center;
width: 20%;
padding: 12px 0;
transition: all 0.3s ease;
color: white;
font-size: 36px;
}
.icon-bar a:hover {
background-color: #000;
}
.active {
background-color: #04AA6D;
}

30
index.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title>ViviGubbio - Vivere la citt&agrave; di Gubbio... Intensamente!</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8">
<meta http-equiv="content-style-type" content="text/css">
<link rel="stylesheet" href="base.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<nav class="icon-bar">
<a class="active" href="#"><i class="fa fa-home"></i></a>
<a href="#"><i class="fa fa-muntain-sun"></i></a>
<a href="#"><i class="fa fa-pizza-slice"></i></a>
<a href="#"><i class="fa fa-hotel"></i></a>
<a href="#"><i class="fa fa-search"></i></a>
</nav>
</header>
<section>b</section>
<footer>
<section>1</section>
<section>2</section>
<section>3</section>
</footer>
</body>
</html>