-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
executable file
·126 lines (116 loc) · 4.13 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
<!DOCTYPE html>
<html>
<head>
<title>Kodkollektivet</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="shortcut icon" type="image/png" href="images/favicon.ico" />
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload" style="font-family: Poppoins, sans-serif">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1 style="text-align: center"><a href="index.html">Kodkollektivet</a></h1>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner" class="animated bounceInLeft" style="text-align: center">
<img src="images/logo.svg" style="width: 200px" alt="" />
<h2 style="border-bottom: solid 1px rgba(255, 255, 255, 1) !important;">Kodkollektivet</h2>
<div style="display:flex; justify-content: center">
<p>Lnu students that</p>
<p class="animated heartBeat slow delay-2s" style="margin: 0 5px;"> love </p>
<p> code </p>
</div>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- Events -->
<section id="one" class="wrapper alt style1" style="background-color: #2a89c9">
<div class="inner">
<h2 class="major" style="text-align: center">What we do</h2>
<section class="features" style="text-align: center">
<article>
<a href="https://www.facebook.com/kodkollektivet/" class="image"><img src="images/codehub.jpg" alt=""
class="animated-image" /></a>
<h3 class="major">Code Hubs</h3>
<p>
Fika and interesting talks
</p>
</article>
<article>
<a href="https://www.facebook.com/kodkollektivet/" class="image"><img src="images/hackathon.jpg" alt=""
class="animated-image" /></a>
<h3 class="major">Hackathons</h3>
<p>
Work together as a team!
</p>
</article>
<article>
<a href="https://www.facebook.com/kodkollektivet/" class="image"><img src="images/company.jpg" alt=""
class="animated-image" /></a>
<h3 class="major">Company Events</h3>
<p>
Meet your future employer!
</p>
</article>
<article>
<a href="https://www.facebook.com/kodkollektivet/" class="image"><img src="images/party.jpg" alt=""
class="animated-image" /></a>
<h3 class="major">Party</h3>
<p>
There is life after code (yes, there is)
</p>
</article>
</section>
</div>
</section>
</section>
<!-- Get in touch / Footer -->
<section id="footer">
<div class="inner">
<h2 class="major" style="text-align: center">Get in touch</h2>
<p style="margin-bottom: 3.5em">
Do you like what you see? Wanna contact for upcoming events,
feedback, or networking? We are open to students, companies, and whoever
shares the passion for coding!!
</p>
<div>
<ul class="contact">
<li class="fa-envelope">
<a href="mailto:info@kodkollektivet.se">info@kodkollektivet.se</a>
</li>
<li class="fa-facebook">
<a href="https://www.facebook.com/kodkollektivet/">facebook.com/kodkollektivet</a>
</li>
<li class="fa-slack"><a href="https://kodkollektivet.slack.com/">/kodkollektivet.se</a></li>
</ul>
<ul class="copyright" style="text-align: center">
<li><b>Kodkollektivet</b>, spreading code passion since 2015! <b>♡</b> </a></li>
</ul>
</div>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script>
function myFunction() {
var d1 = document.getElementById('heart');
d1.insertAdjacentHTML('beforeend', '<b >♡</b>');
}
setTimeout(myFunction, 2000)
</script>
</body>
</html>