-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (91 loc) · 4.54 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
<!DOCTYPE html>
<html>
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="stylesheets/stylesheet.css" />
<head>
<title>Brice187's Portfolio</title>
</head>
<body>
<div class="container-fluid">
<div class="header-box">
<div class="row">
<div class="col-md-6">
<h1 class="text-primary">Brice187 Portofolio</h1>
</div>
<div class="col-md-2">
<button class="btn btn-lg">About</button>
</div>
<div class="col-md-2">
<button class="btn btn-lg">Portfolio</button>
</div>
<div class="col-md-2">
<button class="btn btn-lg">Contact</button>
</div>
</div>
</div>
<div class="about-box">
<div class="row">
<div class="col-md-9">
<h1>about</h1>
Hi, my name is Lars and I work in the IT department of a large health insurance in germany. Besides, I am studying business computer science at the University of Hagen. Currently I go through an online course at Free Code Camp and that is why I design this portfolio page,
</div>
<div class="col-md-3">
<img class="img-responsive my-portrait" src="https://dl.dropboxusercontent.com/u/8956766/thumb_IMG_0879_1024.jpg">
</div>
</div>
</div>
<div class="portfolio-box">
<div class="row">
<div class="col-md-4">
<img class="img-responsive my-portrait" src="https://dl.dropboxusercontent.com/u/8956766/B9yCcay.gif">
</div>
<div class="col-md-6">
<h1>Portfolio</h1>
My online portfolio is pretty empty, because i am just at the beginning of my coding journey. Actually i am doing some stuff on <a href="http://www.codecademy.com">Codecademy</a> and <a href="https://www.freecodecamp.com">FreeCodeCamp</a>. This portfolio is an exercise of FreeCodeCamp btw ;). Check my 'mostly german' social media accounts at the bottom of this page ;) Feel free to contact me via twitter.
</div>
</div>
</div>
<div class="contact-box">
<div class="row">
<div class="col-md-6">
<h1>Contact me</h1>
<form>
First name:
<br>
<input type="text" name="firstname">
<br>Last name:
<br>
<input type="text" name="lastname">
<br>eMail:
<br>
<input type="text" name="email">
</form>
</div>
<div class="col-md-6">
<img class="img-responsive" src="http://images.clipartpanda.com/email-clipart-free-vector-envelope-clip-art_117112_Envelope_clip_art_hight.png">
<div class="bottom">
<a href="https://twitter.com/lk012" class="twitter-follow-button" data-show-count="false">Follow @lk012</a>
<script>
! function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
p = /^http:/.test(d.location) ? 'http' : 'https';
if (!d.getElementById(id)) {
js = d.createElement(s);
js.id = id;
js.src = p + '://platform.twitter.com/widgets.js';
fjs.parentNode.insertBefore(js, fjs);
}
}(document, 'script', 'twitter-wjs');
</script>
<a href="http://www.xing.com/profile/Lars_Kerick" target="_blank" rel="me">
<img src="http://www.xing.com/img/buttons/2_de_btn.gif" width="118" height="23" alt="Lars Kerick">
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>