Mashup/index.html at develop · spdivn/Mashup · GitHub

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
105
<html>

<head>
    <link href="css/Normalize.css" type="text/css" rel="stylesheet">
    <link href="css/Account.css" type="text/css" rel="stylesheet">
    <link href="css/scss.css" type="text/css" rel="stylesheet">
    <link href="css/global.css" type="text/css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <div class="full-wd">
        <div class="Header wrapper">
            <!-- NavBar -->
            <div>
                <!-- Immagine -->
                <a href="index.html">
                    <img src="img/spotify-logo-png-white-6.png" alt="Spotify">
                </a>
            </div>
            <div class="not_hidden">
                <!-- Bottoni -->
                <a href="#" id="Premium">Premium</a>
                <a href="#" id="Assistenza">Assistenza</a>
                <a href="#" id="Scarica">Scarica</a>
                <a href="Iscriviti.html" id="Iscriviti">Iscriviti</a>
                <a href="#" id="Accedi">Accedi</a>
            </div>
            <nav class="hidden">
                <input id="nav" type="checkbox" />

                <label for="nav">
                    <b><i></i><i></i><i></i></b>
                </label>

                <menu>
                    <li> <a href="#" id="Premium">Premium</a></li>
                    <li> <a href="#" id="Assistenza">Assistenza</a></li>
                    <li> <a href="#" id="Scarica">Scarica</a></li>
                    <li> <a href="Iscriviti.html" id="Iscriviti">Iscriviti</a></li>
                    <li> <a href="#" id="Accedi">Accedi</a></li>
                </menu>

            </nav>
        </div>
        <div class="Banner Wrapper">
            <div class="wrapper full-wd center--colum">
                <div>
                    <h1 class="full-wd center">La musica è per tutti.</h1>
                </div>
                <div class="full-wd">
                    <h4> Milioni di brani. Senza alcuna carta di credito.</h4>
                </div>
                <div class="full-wd min--hg--50">
                    <a href="#" id="scaricaFree">Scarica Spotify Free</a>
                </div>
            </div>
        </div>
        <div class="Footer Wrapper">
            <div>
                <div>
                    <a href="index.html">
                        <img src="img/spotify-logo-png-white-6.png" alt="Spotify">
                    </a>
                </div>
                <div>
                    <!-- Azienda -->
                    <label>Azienda </label>
                    <a href="#" id="Chi siamo">Chi siamo</a>
                    <a href="#" id="Opportunità di lavoro">Opportunità di lavoro</a>
                    <a href="#" id="For the Record">For the Record</a>
                </div>
                <div>
                    <!-- COMMUNITY -->
                    <label>Community </label>
                    <a href="#" id="Per artista">Per artista</a>
                    <a href="#" id="Sviluppatori">Sviluppatori</a>
                    <a href="#" id="Brands">Brands</a>
                    <a href="#" id="Brands">Investitori</a>
                    <a href="#" id="Brands">Venditori</a>
                </div>
                <div>
                    <!-- LINK UTILI -->
                    <label>Link utili </label>
                    <a href="#" id="Assistenza">Assistenza</a>
                    <a href="#" id="Regala Spotify Premium">Regala Spotify Premium</a>
                    <a href="#" id="Lettore Web">Lettore Web</a>
                    <a href="#" id="Diritti del consumatore">Diritti del consumatore</a>
                </div>
                <div>
                    <a href="#" class="img">
                        <img src="img/Insta_Ico.png" alt="Spotify" class="SpaceImg">
                    </a>
                    <a href="#" class="img">
                        <img src="img/Face_Ico.png" alt="Spotify" class="SpaceImg">
                    </a>
                </div>
            </div>
        </div>

    </div>
</body>

</html>