forked from kotAPI/WhatHappensEverySecond
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (62 loc) · 3.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
<html>
<head>
<title>What happens every second</title>
<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<audio autoplay>
<source src="bensound-cute.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<div id ="home">
<div id="home-text">What happens every second on the internet.</div>
<div id="home-sub-text"> Scroll down to find what's happening since you've arrived.</div>
</div>
<div class="bound" id="skype-background">
<div class="bound-text" id="skype">Skype calls</div>
<div class="bound-logo"><img src="https://cdn3.iconfinder.com/data/icons/leaf/256/skype.png"/></div>
</div>
<div class="bound" id="reddit-background">
<div class="bound-text" id="reddit">Reddit</div>
<div class="bound-logo"><img src="https://cdn2.iconfinder.com/data/icons/social-flat-buttons-3/512/reddit-256.png"/></div>
</div>
<div class="bound" id="twitter-background">
<div class="bound-text" id="twitter">Twitter</div>
<div class="bound-logo"><img src="https://cdn1.iconfinder.com/data/icons/logotypes/32/square-twitter-256.png"/></div>
</div>
<div class="bound" id="insta-background">
<div class="bound-text" id="insta">Insta</div>
<div class="bound-logo"><img src="https://cdn2.iconfinder.com/data/icons/instagram-icons/477/8_8-256.png"/></div>
</div>
<div class="bound" id="tumblr-background">
<div class="bound-text" id="tumblr">Tumblr</div>
<div class="bound-logo"><img src="https://cdn1.iconfinder.com/data/icons/follow-the-herd/512/tumblr_left-256.png"/></div>
</div>
<div class="bound" id="google-background">
<div class="bound-text" id="google">Google</div>
<div class="bound-logo"><img src="https://cdn4.iconfinder.com/data/icons/miu-shadow-social/48/google-256.png"/></div>
</div>
<div class="bound" id="youtube-background">
<div class="bound-text" id="youtube">Youtube</div>
<div class="bound-logo"><img src="https://cdn3.iconfinder.com/data/icons/awesome-lineca-vol-3/17/youtube-256.png"/></div>
</div>
<div class="bound" id="emails-background">
<div class="bound-text" id="emails">Emails</div>
<div class="bound-logo"><img src="https://cdn0.iconfinder.com/data/icons/social-icons-20/200/mail-icon-256.png"/></div>
</div>
<div class="bound" id="netflix-background">
<div class="bound-text" id="netflix">Netflix</div>
<div class="bound-logo"><img src="https://cdn0.iconfinder.com/data/icons/roundettes-for-os-x-vol-ii/512/Netflix-256.png"/></div>
</div>
<div class="bound" id="facebook-background">
<div class="bound-text" id="facebook">facebook</div>
<div class="bound-logo"><img src="https://cdn1.iconfinder.com/data/icons/ui-for-web-and-mobile/512/Ui-33-256.png"/></div>
</div>
<div class="bound" id="SO-background">
<div class="bound-text" id="SO">Stack Overflow</div>
<div class="bound-logo"><img src="https://cdn1.iconfinder.com/data/icons/picons-social/57/stackoverflow-256.png"/></div>
</div>
</body>
</html>