vivi/ project-vivi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

vivigubbio - allineamento con main #1

Merged
Martino merged 3 commits from vivigubbio into main 2024-09-08 14:15:55 +00:00
Conversation 2 Commits 3 Files Changed 2 +82
2 changed files with 82 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
index.html Normal file
View File

@ -0,0 +1,30 @@
<!DOCTYPE html>
<html>
<head>
<title></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="main/template/base.css" type="text/css" media="all" />
<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>

52
main/template/base.css Normal file
View File

@ -0,0 +1,52 @@
/* CSS base del progetto "Vivi", iniziato in data 07 Settembre 2024 */
body {
margin: 20px;
}
/* barra di navigazione principale */
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;
}
/* Bottoni */
.box {
width: 25%;
margin: 5px;
padding: 2%;
border: 1px solid #000000;
float: left;
}
.street {
background-color: white;
}
.phone {
background-color: green;
}
.mail {
background-color: yellow;
}