Compare commits

..

4 Commits

Author SHA1 Message Date
Martino 2260225cf1 Merge pull request 'vivigubbio - allineamento con main' (#1) from vivigubbio into main
Reviewed-on: Vivi/Project-Vivi#1
Reviewed-by: Mastermind <mastermind@noreply.immensonet.it>
2024-09-08 14:15:54 +00:00
Martino 2e1e3b655b Merge branch 'main' into vivigubbio 2024-09-08 14:14:06 +00:00
martino 52a935a235 Allineamento con il branch main
Ho allineato il branch vivigubbio con main in quanto su due pc
differenti ho sincronizzato su branch differenti.
Applicare delle restrizioni sul branch main e lavorare sul ramo
vivigubbio
2024-09-08 12:43:52 +02:00
martino c5ed438275 Primi file
Prime bozze dei file, da sistemare
2024-08-03 14:37:20 +02:00
2 changed files with 82 additions and 0 deletions

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;
}