-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
111 lines (84 loc) · 4.17 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Project Portfolio</title>
<meta name="description" content="">
<meta name="author" content=""><!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le styles -->
<link href="css/twitter-bootstrap-296fad3/bootstrap_edit.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="http://static.tumblr.com/ts2nqrf/qe1lq3uho/bebas.css">
<link href="css/portfolio.css" rel="stylesheet" type="text/css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
</script>
<style type="text/css">
/* this style rule is included here because it contains a portfolio dynamic element tag */
.thumbnail {
background-image: ('{:visual:}');
background-size:100%;
width:210px;
overflow:hidden
}
.about{
margin-left: 45px;
}
#id_pic{
float: left;
padding:10px 20px 0 0;
}
#about_me {
float: left;
color:#1DCAC0;
}
</style>
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<div class="topbar">
<div id="header">
<div id="header-pat">
<div id="header-top">
<div class="_topbar-inner">
<div class="container-fluid">
<h1 class="bebas" href="#">{:Name:}</h1>
<ul class="nav" style="float:right;">
<li><a href="portfolio.html">Home</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div><!-- end of header -->
<div class="container-fluid">
<div class="about">
<div class="content">
<div class="hero-unit">
<!--Vital information about you -->
<div>
<div id="id_pic"><img src="http://placehold.it/220/fff/E8117f" /></div>
<div id="about_text">
<span><h3>Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</h3></span>
</div>
</div>
<h1 id="about_me"> About me </h1>
</div><!-- end of hero / info-->
<footer>
<p>ITP Understanding Networks 2011</p>
</footer>
</div>
</div>
</div>
</body>
</html>