Skip to content

Commit ddc25e4

Browse files
author
Driss Chelouati
committed
refactored, cleaned, added tables of content, and commented css, commented html and refactored some elements, refactored navbars and footer into partials, added gradient mixins
1 parent 7491f6a commit ddc25e4

22 files changed

+1037
-651
lines changed

‎html/includes/footer.html

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
<footer class="krypton-footer">
2+
<div class="container">
3+
<!-- Logo -->
4+
<div class="footer-logo">
5+
<a href="#">
6+
<img class="rotating" src="assets/images/logo/krypton-gradient.svg">
7+
<div class="brand-name">Krypton</div>
8+
<div class="brand-subtitle">Blockchain brought to another level</div>
9+
</a>
10+
</div>
11+
12+
<!-- Columns -->
13+
<div class="columns footer-columns is-vcentered">
14+
<div class="column is-4">
15+
<!-- Links group -->
16+
<ul class="footer-links">
17+
<li>
18+
<a href="#">Token</a>
19+
</li>
20+
21+
<li>
22+
<a href="#">ICO</a>
23+
</li>
24+
25+
<li>
26+
<a href="#">Roadmap</a>
27+
</li>
28+
</ul>
29+
</div>
30+
<!-- Newsletter -->
31+
<div class="column is-4">
32+
<div class="subscribe-block">
33+
<form>
34+
<!-- Field -->
35+
<div class="control">
36+
<!-- Special input -->
37+
<input class="krypton-subscribe-input" type="email" name="email" placeholder="">
38+
<button class="subscribe-button">
39+
<span>Subscribe</span>
40+
</button>
41+
</div>
42+
</form>
43+
</div>
44+
</div>
45+
<!-- Links group -->
46+
<div class="column is-4">
47+
<ul class="footer-links">
48+
<li>
49+
<a href="#">Sign up</a>
50+
</li>
51+
52+
<li>
53+
<a href="#">Sign In</a>
54+
</li>
55+
56+
<li>
57+
<a href="#">Telegram</a>
58+
</li>
59+
</ul>
60+
</div>
61+
</div>
62+
<!-- Copyright -->
63+
<p class="k-copyright">© 2018 | Krypton. All Rights Reserved</p>
64+
<br>
65+
<!-- Made by -->
66+
<p class="coded-by">Designed and Coded by <a href="https://cssninja.io" target="_blank">Css Ninja</a></p>
67+
</div>
68+
69+
<!-- Absolute image -->
70+
<img class="solar-system" src="assets/images/bg/solar.svg">
71+
</footer>

‎html/includes/navbar-clone.html

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!-- Cloned navbar that comes in on scroll -->
2+
<nav id="navbar-clone" class="navbar is-fixed is-dark">
3+
<div class="container">
4+
<!-- Brand -->
5+
<div class="navbar-brand">
6+
<a href="index.html" class="navbar-item">
7+
<img class="rotating" src="assets/images/logo/krypton-gradient.svg" alt="">
8+
<span class="brand-name">Krypton</span>
9+
</a>
10+
<!-- Responsive toggle -->
11+
<span class="navbar-burger burger" data-target="cloneNavbarMenu">
12+
<span></span>
13+
<span></span>
14+
<span></span>
15+
</span>
16+
</div>
17+
<!-- Menu -->
18+
<div id="cloneNavbarMenu" class="navbar-menu">
19+
<div class="navbar-end">
20+
<!-- Menu item -->
21+
<div class="navbar-item is-nav-link">
22+
<a class="is-centered-responsive" href="#">Token</a>
23+
</div>
24+
<!-- Menu item -->
25+
<div class="navbar-item is-nav-link">
26+
<a class="is-centered-responsive" href="#" target="_blank">Ico</a>
27+
</div>
28+
<!-- Menu item -->
29+
<div class="navbar-item is-nav-link">
30+
<a class="is-centered-responsive" href="#" target="_blank">Roadmap</a>
31+
</div>
32+
<!-- Menu item -->
33+
<div class="navbar-item is-nav-link">
34+
<a class="is-centered-responsive" href="#" target="_blank">
35+
<img class="telegram" src="assets/images/logo/telegram.svg">
36+
Telegram
37+
</a>
38+
</div>
39+
<!-- Sign up -->
40+
<div class="navbar-item is-nav-link">
41+
<a href="#" class="button k-button k-primary raised has-gradient slanted">
42+
<span class="text">Sign up</span>
43+
<span class="front-gradient"></span>
44+
</a>
45+
</div>
46+
</div>
47+
</div>
48+
</div>
49+
</nav>
50+
<!-- /Cloned navbar -->

‎html/includes/navbar.html

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!-- Static navbar -->
2+
<nav class="navbar is-light">
3+
<div class="container">
4+
<!-- Brand -->
5+
<div class="navbar-brand">
6+
<a href="index.html" class="navbar-item">
7+
<img class="rotating" src="assets/images/logo/krypton.svg" alt="">
8+
<span class="brand-name">Krypton</span>
9+
</a>
10+
<!-- Responsive toggle -->
11+
<span class="navbar-burger burger" data-target="navbarMenu">
12+
<span></span>
13+
<span></span>
14+
<span></span>
15+
</span>
16+
</div>
17+
<!-- Menu -->
18+
<div id="navbarMenu" class="navbar-menu">
19+
<div class="navbar-end">
20+
<!-- Menu item -->
21+
<div class="navbar-item is-nav-link">
22+
<a class="is-centered-responsive" href="#demos">Token</a>
23+
</div>
24+
<!-- Menu item -->
25+
<div class="navbar-item is-nav-link">
26+
<a class="is-centered-responsive" href="#" target="_blank">Ico</a>
27+
</div>
28+
<!-- Menu item -->
29+
<div class="navbar-item is-nav-link">
30+
<a class="is-centered-responsive" href="#" target="_blank">Roadmap</a>
31+
</div>
32+
<!-- Menu item -->
33+
<div class="navbar-item is-nav-link">
34+
<a class="is-centered-responsive" href="#" target="_blank">
35+
<img class="telegram" src="assets/images/logo/telegram.svg">
36+
Telegram
37+
</a>
38+
</div>
39+
<!-- Sign up -->
40+
<div class="navbar-item">
41+
<a href="#" class="button k-button k-primary raised has-gradient slanted">
42+
<span class="text">Sign up</span>
43+
<span class="front-gradient"></span>
44+
</a>
45+
</div>
46+
</div>
47+
</div>
48+
</div>
49+
</nav>
50+
<!-- /Static navbar -->

‎html/includes/pageloader.html

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<!-- Pageloader -->
2+
<div class="pageloader is-theme"></div>
3+
<div class="infraloader is-active"></div>

‎html/includes/timer.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!-- Countdown timer -->
2+
<ul id="countdown">
3+
<li id="days">
4+
<div class="timer-number">00</div>
5+
<div class="label">Days</div>
6+
</li>
7+
<li id="hours">
8+
<div class="timer-number">00</div>
9+
<div class="label">Hours</div>
10+
</li>
11+
<li id="minutes">
12+
<div class="timer-number">00</div>
13+
<div class="label">Minutes</div>
14+
</li>
15+
<li id="seconds">
16+
<div class="timer-number">00</div>
17+
<div class="label">Seconds</div>
18+
</li>
19+
</ul>

‎html/layouts/default.html

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,6 @@
99
<title> Krypton :: {{title}}</title>
1010
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
1111

12-
<!--link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600" rel="stylesheet"-->
1312
<link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
1413
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
1514

@@ -22,7 +21,9 @@
2221

2322
</head>
2423
<body>
24+
{{> pageloader}}
2525
{{> body}}
26+
{{> footer}}
2627
{{> scripts}}
2728

2829
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

0 commit comments

Comments
 (0)