-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
137 lines (122 loc) · 6.05 KB
/
index.html
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div>
<!-- Kate - Navigation bar -->
<nav class="navbar">
<ul class="navlist">
<li class="discordlink">
<a class="imagelink" href="./index.html">
<img class="navimage"src="https://assets-global.website-files.com/6257adef93867e50d84d30e2/636e0b544a3e3c7c05753bcd_full_logo_white_RGB.png">
</a>
</li>
<div class="navlinks">
<li><a class="listlinks" href="https://discord.com/download">Download</a></li>
<li><a class="listlinks" href="https://discord.com/nitro">Nitro</a></li>
<li><a class="listlinks" href="https://discord.com/servers">Discover</a></li>
<li><a class="listlinks" href="https://discord.com/safety">Safety</a></li>
<li><a class="listlinks" href="https://support.discord.com/hc/en-us">Support</a></li>
<li><a class="listlinks" href="https://discord.com/blog">Blog</a></li>
<li><a class="listlinks" href="https://discord.com/careers">Careers</a></li>
</div>
<li><button class="opendiscordbutton" href="https://discord.com/login">Open Discord</button></li>
</ul>
</nav>
</div>
<!-- Kevin - Main part -->
<div class="start">
<!-- <img src="./pictures/e6d57714479874c665b36c7adee76b1d.svg" alt="clouds"> -->
<div class="btn-container-downlad">
<button class="t_buttons_left">Open Discord in your browser</button>
<button class="t_buttons_right">Download for Linux</button>
</div>
<img class="img-overlay" src="./src/pictures/8a8375ab7908384e1fd6efe408284203.svg" alt="left">
<div class="container-stell-dir-vor">
<h1>STELL DIR EINEN ORT VOR, ...</h1>
<p>… an dem du Teil eines Schulklubs, einer Gaming-Gruppe oder einer weltweiten Kunst-Community sein kannst. Ein Ort, an dem du einfach Zeit mit Freunden verbringen kannst. Ein Ort, an dem es leicht ist, sich jederzeit zu treffen und zu unterhalten.</p>
</div>
</div>
<div class="container-treffen-machen">
<h2>Treffen ganz leicht gemacht</h2>
<p>Mach es dir in einem Sprachkanal gemütlich, wenn du Zeit hast und Freunde auf deinem Server können einfach dazukommen, ohne extra anrufen zu müssen.</p>
</div>
<img class="img-2-set" src="./src/pictures/1.svg" alt="2">
</div>
<!-- Ehsan - Main part -->
<div class="btn-container-downladforLinux">
<button class="t_buttons">Download for Linux</button>
</div>
<!-- # Jennifer - Footer -->
<footer>
<section class="nav-links">
<div class="icons">
<a href="https://icons8.com/icons/set/placeholder-16x16"><img src="./src/icon/icons8-ios-application-placeholder-50.png" alt="icon-placeholder" style="width:16px;height:16px;"></a>
<a href="https://icons8.com/icons/set/placeholder-16x16"><img src="./src/icon/icons8-ios-application-placeholder-50.png" alt="icon-placeholder" style="width:16px;height:16px;"></a>
<a href="https://icons8.com/icons/set/placeholder-16x16"><img src="./src/icon/icons8-ios-application-placeholder-50.png" alt="icon-placeholder" style="width:16px;height:16px;"></a>
<a href="https://icons8.com/icons/set/placeholder-16x16"><img src="./src/icon/icons8-ios-application-placeholder-50.png" alt="icon-placeholder" style="width:16px;height:16px;"></a>
<a href="https://icons8.com/icons/set/placeholder-16x16"><img src="./src/icon/icons8-ios-application-placeholder-50.png" alt="icon-placeholder" style="width:16px;height:16px;"></a>
</div>
<div class="nav-list">
<h6>Produkt</h6>
<ul>
<li>Download</li>
<li>Nitro</li>
<li>Status</li>
</ul>
</div>
<div class="nav-list">
<h6>Unternehmen</h6>
<ul>
<li>Über</li>
<li>Jobs</li>
<li>Marke</li>
<li>Nachrichtenzentrale</li>
</ul>
</div>
<div class="nav-list">
<h6>Information</h6>
<ul>
<li>Hochschulen</li>
<li>Support</li>
<li>Sicherheit</li>
<li>Blog</li>
<li>Feedback</li>
<li>Build</li>
<li>StreamKit</li>
<li>Creators</li>
<li>Community</li>
<li>Official 3rd Party Merch</li>
</ul>
</div>
<div class="nav-list">
<h6>Nutzungsbedingungen</h6>
<ul>
<li>Datenschutz</li>
<li>Privacy</li>
<li>Cookie Einstellungen</li>
<li>Richtlinien</li>
<li>Und unser Dank geht an...</li>
<li>Lizenzen</li>
<li>Moderation</li>
<li>Unternehmensinformation</li>
</ul>
</div>
</section>
<hr>
<section class="end-footer">
<div class="logo">
<a href="https://icons8.com/icons/set/placeholder-16x16"><img src="./src/icon/icons8-ios-application-placeholder-50.png" alt="icon-placeholder" style="width:30px;height:23px;"></a>
</div>
<div class="button">
<button>Sign Up Now</button>
</div>
</section>
</footer>
</body>
</html>