forked from cappelloalessandro/Gea_2050
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathapp.html
More file actions
104 lines (98 loc) · 5.88 KB
/
Copy pathapp.html
File metadata and controls
104 lines (98 loc) · 5.88 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Audiowide|Montserrat:100,300,400,600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Fontawesome/css/all.min.css">
<title>GEA 2050</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="aggio">
<header id="app">
<div class="navbar">
<img>
<a href="index.html"><img class="logo" src="img/logo.png" alt="GEA2050" width="220" height="auto"> </a>
</img>
<nav>
<ul>
<li><a href="scenari.html">Scenari</a></li>
<li><a href="app.html"><span class="scheda_selezionata">App</span></a></li>
<li><a href="team.html"> Team</a></li>
</ul>
</nav>
</div>
<div class="testi-header"><h1> Scarica la nostra <span style="color:#E0792B;">app</span> <br> e vivi l'esperienza a casa tua</h1>
</div>
<!-- <article> -->
<div class="colonna">
<img class="img15 dwheader" src="img/app_GEA.png" alt="Logo" height="155" width="180" >
</div>
<div>
<img class="img5" src="img/googleplay.png" alt="Google play" height="63" width="213">
<img class="img6"src="img/appstore.png" alt="App store" height="63" width="213">
</div>
<!-- </article> -->
</header>
<div class="main">
<main class="black">
<article class="paragrafo">
<h2>Di cosa si tratta</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Quis labore recusandae dignissimos est porro inventore excepturi fuga a! Iusto earum cumque, repellendus possimus vitae suscipit, dolores ratione voluptate perferendis mollitia est quibusdam accusamus dolorum totam, maxime alias consequatur quam quis. Obcaecati saepe dolorem fugit ab odit? Iusto, iste laborum. Ea aliquid beatae at velit cupiditate veritatis possimus minima accusantium minus alias error voluptates repellendus, quidem praesentium dolor laboriosam ipsum, consectetur maxime aut fugiat eius dignissimos dolores. Adipisci, ratione. Porro provident at quaerat obcaecati dolore, nihil iusto nobis itaque id, nisi eos nulla. Voluptates architecto sed fugit eos labore, cum voluptate.</p>
</article>
<article>
<div>
<img src="img/app_store.png" alt="Immagine" >
</div>
</article>
</main>
</div>
<section class="white">
<article>
<img src="img/occhiali_telefono.png" width="600" height="222">
</article>
<article class="paragrafo">
<h2>Come utilizzarla</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Illo atque eveniet quia aspernatur, magnam voluptates repudiandae earum, aliquam, distinctio quo similique suscipit quas tempora quibusdam non natus consectetur reprehenderit? Possimus, quae rem fugit voluptatem culpa provident aliquid voluptates itaque odio nobis veritatis quasi vel iste cumque at nesciunt ex ipsa illum recusandae, quam optio? Aliquam at beatae fugiat debitis similique. Quas consectetur voluptatibus, nobis, aliquam culpa, totam officia laboriosam error namaga saepe beatae. Sunt, aspernatur. Reiciendis eaque veritatis vitae voluptates quasi tempora reprehenderit minima sit, accusamus ad nobis, delectus et ut nostrum sunt est alias debitis, architecto officia quisquam ducimus!</p>
</article>
</section>
<section class="white black paragrafo content">
<div class="now">
<h2 class="download" ><span style="color:#E0792B;">Download</span> now!</h2>
</div>
<div class="store">
<img class="img5" src="img/googleplay.png" alt="Google play" height="63" width="213" >
<img src="img/appstore.png" alt="App store" height="63" width="213">
</div>
</section>
<div class="wide">
<hr>
</div>
<footer>
<div>
<h3 style="color:#fff;">Gea 2050</h3>
<p>Il sito è stato creato a scopo didattico dagli allievi del corso accademico primo anno della Scuola Mohole di Web e Digital Media. I diritti dei contenuti e dei marchi citati appartengono ai loro legittimi proprietari.<br>
Email: <a href="#">GEA2050@mohole.it</a></p>
</div>
<div>
<div class="menu_social">
<a href="#" title="facebook" target="_blank">
<span class="fab fa-facebook"></span>
</a>
<a href="#" title="twitter" target="_blank">
<span class="fab fa-twitter"></span>
</a>
<a href="#" title="youtube" target="_blank">
<span class="fab fa-youtube"></span>
</a>
<a href="#" title="instagram" target="_blank">
<span class="fab fa-instagram"></span>
</a>
</div>
</div>
</footer>
</div>
</body>
</html>