/
index.html
89 lines (62 loc) · 2.53 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
<!doctype html>
<html lang="en">
<head>
<!--
Page created using the Super Simple Personal Page template by Matt Ewing. Want one of your own? Code and instructions are all online here: https://github.com/mattewing/simple-personal-page/
-->
<meta charset="UTF-8">
<meta charset="utf-8" name="viewport" content="width=device-width">
<link rel="stylesheet" href="main.css">
<meta name="description" content="Sample personal page">
<link href='http://fonts.googleapis.com/css?family=Varela|Varela+Round' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!--Change title to your name##-->
<title>Jane Doe</title>
<!--change URL to match your photo -->
<!--Facebook OpenGraph tags. These are all to make your site look good if you share it on FB. Delete this if it's too much-->
<meta property="og:title" content="Jane Doe">
<meta property="og:description" content="I'm Jane Doe. International woman of mystery. This is my home on the world wide web." />
<meta property="og:url" content="http://mattewing.org/simple-personal-page/" />
<meta property="og:image" content="assets/sample.jpg" />
<!--This one stays the same for everyone -->
<meta property="og:type" content="website" />
<style>
body{background:url("assets/sample.jpg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
</style>
</head>
<body>
<div class = "container">
<!--bio section-->
<div class="bio">
<!--Change name to yours and replace the following paragraphs with your bio. -->
<h1>Jane Doe</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean.</p>
<!--Social Media Icons section-->
<!--Change this URL to match your Linkedin profile-->
<a href="https://www.linkedin.com/">
<div class = "icons">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-linkedin fa-stack-1x fa-inside"></i>
</span> LinkedIn
</div>
</a>
<!--Change this URL to match your twitter profile.-->
<a href="https://twitter.com/">
<div class = "icons">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-twitter fa-stack-1x fa-inside"></i>
</span> Twitter
</div>
</a>
</div>
</div>
</body>
</html>