-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (102 loc) · 4.78 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>The Interknights</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<script src="https://use.typekit.net/cjl2zxu.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<header class="homepage-header">
<section class="hero">
<div class="container">
<h1>The Interknights</h1>
<div class="row">
<div class="two-thirds column">
<p class="tagline" style="font-weight: 100">do something <span style="font-weight: 900">noble</span> today</p>
</div>
</div>
<div class="cta cta-outline">
<h2>Digital technology - for the good of the realm</h2>
<p>We make <span style="">digital technology</span> to create real world change.</p>
<button class="connect-button">Contact us</button>
</div>
</div>
</section>
</header>
<main class="homepage-main">
<header>
<a data-scroll href="#values">
<h2 class="main-heading">What Shapes Us</h2>
<div>
<i class="fa fa-caret-down"></i>
</div>
</a>
</header>
<section id="values">
<div class="container">
<h2>Social entrepreneurship</h2>
<p>Code opens us up to a whole new world, and brings us all new ways of improving the lives of others. We have a theory that when you commit to helping others, you help yourself along the way.</p>
</div>
</section>
<section>
<div class="container">
<h2>Collaboration</h2>
<p>Being able to rely on oneself is important, but the possibilities multiply when you collaborate with others. We want to make communication as open as can be, and we hope to always work to grow and connect our communities.</p>
</div>
</section>
<section>
<div class="container">
<h2>Lifelong Learning</h2>
<p>The world won't stop changing, so we'll keep learning. Growth is about always looking for ways to be better. No matter how much we improve, we can always continue to push our own boundaries forward.</p>
</div>
</section>
<section class="border-top">
<div class="container">
<h2>Connect With The Interknights</h2>
<ul class="contact-list">
<li><a href="tel:2693010060">269.301.0060</a> | </li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
</section>
<div class="modal-outer">
<div class="modal-box">
<div class="modal-content">
<h2>Connect With The Interknights</h2>
<ul class="contact-list">
<li><a href="tel:2693010060">269.301.0060</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
</div>
<button class="exit-modal">X</button>
</div>
<script type="text/javascript" src="smooth-scroll.min.js"></script>
<script type="text/javascript" src="script.js"></script>
</main>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>