-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
113 lines (111 loc) · 5.15 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
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.2.0/gh-fork-ribbon.min.css" />
<script src="js/smooth-scroll.min.js"></script>
<link href="style.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<title>Hans Kristian</title>
</head>
<body>
<div id="supercontainer">
<!--Nav begin-->
<nav>
<div id="navname">
<span><h2>Hans Kristian</h2><span>
</div>
<div id="navbuttons">
<ul>
<li><a data-scroll href="#top" class="headerlink">Home</a></li>
<li><a data-scroll href="#about" class="headerlink">About</a></li>
<li><a data-scroll href="#experience" class="headerlink">Experience</a></li>
<li><a data-scroll href="#contact" class="headerlink">Contact</a></li>
</ul>
</div>
</nav>
<!--Nav end-->
<!--Main content begin-->
<div id="topcontainer" class="maincontainer">
<a id="top" ></a>
<div id="hello">
<h1>Hello</h1>
<h2>I'm Hans Kristian</h2>
</div>
</div>
<div id="aboutcontainer" class="maincontainer">
<a id="about" ></a>
<h2 class="containerheader">About me</h2>
<div class="lefthalf">
<p>Looking around, I find there are thousands of things to explore, and unlimited potential for learning. That is the core of my life, the urge to understand, and to dive into the unknown. No day is complete if I haven't learned something new.</p>
<p>Having travelled to and lived in the Philippines changed how I view the world, and made me understand the unfairness and differences that prevail in the world. Through influencing the decision makers, and spreading awareness, I hope to do my part in rectifying the wrongs that have been done to millions of people.</p>
<p>I am educated as a civil engineer in computer science, and still find it fascinating what can be done with some simple lines of code. My dream is to use computer science to change the world!</p>
</div>
<div class="righthalf">
<h3>Interests and hobbies</h3>
<div class="interest">
<img src="img/coffee.png" alt="Coffee"/>
<h4>Coffee</h4>
</div>
<div class="interest">
<img src="img/globe.png" alt="Globe"/>
<h4>World Politics</h4>
</div>
<div class="interest">
<img src="img/cooking.png" alt="Cooking"/>
<h4>Cooking</h4>
</div>
<div class="interest">
<img src="img/gears.png" alt="Gears"/>
<h4>Learning</h4>
</div>
<div class="interest">
<img src="img/camera.png" alt="Camera"/>
<h4>Photography</h4>
</div>
<div class="interest">
<img src="img/coffee.png" alt="Coffee"/>
<h4>More coffee!</h4>
</div>
</div>
</div>
<!--<div id="experiencecontainer" class="maincontainer">
<a id="experience" ></a>
<a class="github-fork-ribbon" href="#experience" title="Under construction" style="z-index: 0;">Under construction</a>
<h2 class="containerheader">Experience</h2>
<div class="experienceblock">
<div class="experienceheader">
<img src="img/cm-logo.svg" class="experienceimg">
<h3>Changemaker</h3>
</div>
<p>For nine years, I have been changing the world with Changemaker. I have been a political advisor on climate and environment, and on international debt and capital flight. In addition, I have been a member of the nomination comitee, the control comitee and a representative to the general assembely. Changemaker believes that we can change the world through positive influence of decision makers.</p>
</div>
<div class="experienceblock">
<div class="experienceheader">
<img src="" class="experienceimg">
<h3>Norwegian University of Science and Technology</h3>
</div>
<p>While studying for my degree at NTNU, I have</p>
</div>
</div>-->
<div id="contactcontainer" class="maincontainer">
<a id="contact" ></a>
<h2 class="containerheader">Contact me</h2>
<p>If you want to get in touch, please do not hesitate to say hello.<p>
<h3 class="email">[email protected]</h3>
<div id="PGP-header"><i class="fa fa-lock" aria-hidden="true"></i><span>PGP</span></div>
<div id="PGP">
<p>If you want to contact me securely, download my PGP-key <a href="http://pool.sks-keyservers.net/pks/lookup?op=get&search=0xBA14050F8F6CA5E5">here</a></p>
<p>Fingerprint: 43BB FAE0 D997 9C74 EAAC 3A82 BA14 050F 8F6C A5E5</p>
</div>
</div>
<!--Main content end-->
</div>
<script>
smoothScroll.init({
easing: 'easeInOutQuad',
offset: 70
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript" src="js/indexScripts.js"></script>
</body>
</html>