forked from lingonsaft/hacktoberfest
-
Notifications
You must be signed in to change notification settings - Fork 0
/
gifheaven.html
120 lines (113 loc) · 8 KB
/
gifheaven.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
<!DOCTYPE html>
<html lang="en">
<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">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<!-- Github follow button -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<link rel="stylesheet" href="./css/helpful-material.css">
<link rel="stylesheet" href="./css/navbar.css">
<link rel="stylesheet" href="./css/footer.css">
<link rel="stylesheet" href="./css/gifheaven.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Hacktoberfest - Helpful Material</title>
</head>
<link rel="shortcut icon" href="./images/sh_icon.png">
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary" id="navbar">
<a class="navbar-brand" href="/">Hacktoberfest</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active"> <a class="nav-link" href="/">Home</a> </li>
<li class="nav-item"> <a class="nav-link" href="./helpful-material.html">Helpful Material</a> </li>
<li class="nav-item"> <a class="nav-link" href="./contributors.html">Contributors</a> </li>
<li class="dropdown drop">
<a href="#" class="dropdown-toggle " data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Others
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="nav-item"> <a class="nav-link-drop" href="https://cultofthepartyparrot.com/">PARROTS?!</a> </li>
<li class="nav-item"> <a class="nav-link-drop" id="twist" href="#">The twist</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./potato.html">Potato</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./cheese.html">Cheese!</a> </li>
<li class="nav-item "><a class="nav-link-drop" id="learn" href="/Fireworks">Fireworks</a></li>
<li class="nav-item"> <a class="nav-link-drop" href="./wow.html">Learn!</a> </li>
<li class="nav-item"> <a class="nav-link-drop" id="tools" href="./tools.html">Tools</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./gifheaven.html">Gif heaven!</a> </li>
<li class="nav-item"><a class="nav-link-drop" href="./trylearnhowtoprogram.html">Program for newcomers to learn!</a></li>
<li class="nav-item"> <a class="nav-link-drop" href="./values.html">Values</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./snek.html">SNEK!</a> </li>
<li class="nav-item"> <a class="nav-link-drop" href="./canoi.html">Canoi</a> </li>
<li class="nav-item ml-lg-auto"> <a class="nav-link-drop" id="invert-btn" href="#">Invert</a> </li>
</ul>
</li>
</ul>
<h5 style="color:#FF174B;"><strike>:.|:;</strike></h5> </div>
</nav>
<div class="container">
<div id="header">
<h1>GIFs Heaven (taken from : <a target="_blank" href="https://giphy.com">giphy</a>)</h1>
<p>Feel free to add any GIF you like.</p>
</div>
<h3 class="mt-4">Trending GIFs For You!</h3>
<!-- GIF Content -->
<div class="row gifs">
<div class="col-sm-6"><img src="https://media.giphy.com/media/3og0INyCmHlNylks9O/giphy.gif"></div>
<div class="col-sm-6"><img src="https://media.giphy.com/media/EEWzVnYS90Sk0/giphy.gif"></div>
<br><br>
<div class="col-sm-6"><img src="https://media.giphy.com/media/3ohhwMDdLEhFKd60us/giphy.gif"></div>
<div class="col-sm-6"><img src="https://media.giphy.com/media/26njPmXyeB1kCAauk/giphy.gif"></div>
<br><br>
<div class="col-sm-6"><img src="https://media.giphy.com/media/3oKIPvbc4P1bORkLzq/giphy.gif"></div>
<div class="col-sm-6 text-center">
<button class="btn btn-primary text-center" onclick="expandDoggo()">Click Me!</button>
<img id="doggo" class="doggo" src="https://media.giphy.com/media/54Vj1kxvgyF4k/giphy.gif">
</div>
<br><br>
<div class="col-sm-6"><img src="http://meowgifs.com/wp-content/uploads/2014/10/shake-it.gif"></div>
<div class="col-sm-6"><img src="https://media.giphy.com/media/JIX9t2j0ZTN9S/giphy.gif"></div>
<br><br>
</div>
<footer id="footer">
<div class="footer__socials">
<a href="https://github.com/lingonsaft" class="footer__socials-link">
<img src="images/svg/github.svg" alt="">
</a>
<a href="https://www.youtube.com/lingonsaft/" class="footer__socials-link">
<img src="images/svg/youtube.svg" alt="">
</a>
<a href="https://www.instagram.com/lingonsaftofficial/" class="footer__socials-link">
<img src="images/svg/instagram.svg" alt="">
</a>
<a href="https://twitter.com/lingonsaft1" class="footer__socials-link">
<img src="images/svg/twitter.svg" alt="">
</a>
</div>
</footer>
<button id="backToTop" type="button" title="Back to Top">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 511.189 511.189"><g fill="#ff0844"><path d="M364.858 157.935l-98.59-145.28c-8.547-12.586-22.158-12.331-30.25.526l-90.88 144.228c-8.093 12.857-2.56 23.381 12.302 23.381h26.639v50.148c0 15.7 12.742 28.445 28.445 28.445h85.333c15.73 0 28.445-12.743 28.445-28.445V180.79h27.008c14.875 0 20.109-10.269 11.547-22.855M51.115 338.627H19.641C5.774 338.627 0 328.502 0 318.702c0-10.097 7.225-19.91 19.641-19.91h106.226c12.43 0 19.655 9.813 19.655 19.91 0 9.8-5.773 19.925-19.655 19.925h-31.46v144.91c0 14.45-9.23 22.528-21.646 22.528s-21.646-8.079-21.646-22.527v-144.91zM300.559 401.561c0-34.93-18.19-66.417-54.273-66.417-36.096 0-54.286 31.487-54.286 66.417 0 35.214 17.621 66.389 54.286 66.389s54.273-31.175 54.273-66.389m-153.587 0c0-60.046 40.406-106.253 99.314-106.253 58.013 0 99.3 47.658 99.3 106.253 0 59.748-40.121 106.254-99.3 106.254-58.61 0-99.314-46.506-99.314-106.254M406.983 398.091h29.453c18.177 0 29.71-13.284 29.71-30.592 0-17.338-11.534-30.62-29.71-30.62h-29.453v61.212zm-43.32-76.786c0-13.582 8.092-22.5 22.542-22.5h51.073c42.453 0 73.912 27.691 73.912 68.978 0 42.14-32.611 68.422-72.164 68.422h-32.042v47.346c0 14.435-9.23 22.528-21.633 22.528-12.445 0-21.688-8.093-21.688-22.528V321.305z"></g></svg>
</button>
<!-- Latest compiled JavaScript -->
<script src="./scripts/index.js"></script>
<script src="./scripts/stats.js"></script>
<!-- Latest compiled JavaScript -->
<script src="./scripts/scroll.js"></script>
<script src="./scripts/countdown.js"></script>
<script src="./scripts/easter_egg.js"></script>
<script src="./scripts/gifheaven.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script type="text/javascript" src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script type="application/javascript" charset="utf-8" src="register.js"></script>
<script type="application/javascript" charset="utf-8" src="sw.js"></script>
<script>
AOS.init();
</script>
</body>
</html>