-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (97 loc) · 3.68 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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Matrix</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/demo.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body>
<!-- header
================================================== -->
<header>
<div class="row">
<div class="col-twelve">
<h1>Matrix</h1>
<p class="lead">
Matrix is supposed to be a collection of small projects made by me over time. As you would have
probably guessed by now, the name is inspired by 'The Matrix' series. All these projects down below
are standalone and are not related to each other. So let's see where this goes....
</p>
</div>
</div>
</header> <!-- end header -->
<!-- main content
================================================== -->
<main>
<div class="row">
<div class="block-1-3 block-m-1-2 block-tab-full">
<!--<div class="col-block entry">
<div class="entry__thumb">
<a href="index-static.html" title="static background">
<img src="images/demo/count-static.jpg" alt="">
</a>
</div>
<div class="entry__title">
<h3>Static Background</h3>
</div>
</div>-->
<div class="col-block entry">
<div class="entry__thumb">
<a href="nasa_apod.html" title="APOD">
<img src="images/demo/Nasa_apod.png" alt="Preview of NASA APOD">
</a>
</div>
<div class="entry__title">
<h3>NASA APOD</h3>
</div>
</div>
<div class="col-block entry">
<div class="entry__thumb">
<a href="people-in-space.html" title="People in Space">
<img src="images/demo/count-slides.jpg" alt="">
</a>
</div>
<div class="entry__title">
<h3>People in Space right now</h3>
</div>
</div>
</div>
</div>
</main> <!-- /main -->
<!-- preloader
================================================== -->
<div id="preloader">
<div id="loader">
<div class="line-scale-pulse-out">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!-- Java Script
================================================== -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>