-
Notifications
You must be signed in to change notification settings - Fork 0
/
facets.html
61 lines (55 loc) · 2.36 KB
/
facets.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Retro Doe - Responsive Portofolio</title>
</head>
<body id='fixed-container'>
<div id='main'></div>
<div id='welcome' class="hero-unit">
<h1 id='welcome'>Welcome to the example website John Doe's portofolio!</h1>
<p id='landing'>
This leading paragraph helps you indentify yourself. Describe in a few words who you are and <i id='landing1'>what your main service is</i> to your visitors, potential customers. Hero unit is for greater impact. Carousel is optional.
</p>
</div>
<div>
<div class="span-one-third">
<h3 id='professional'>Professional</h3>
<p id='pprofessional'>
Etiam porta sem malesuada magna mollis euismod. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
</p>
<p id='btn1'>
<a id='btn11'>More about me</a>
</p>
</div>
<div class="span-one-third">
<h3 id='Aesthetic'>Aesthetic</h3>
<p id='pAesthetic'>
Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimen.
</p>
<p>
</p>
</div>
<div class="span-one-third">
<h3 id="responsive">Responsive</h3>
<p id="presponsive">
Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis.
</p>
</div>
</div>
<div class="footerli">
</div>
<div class="tweetarea">
<div class="tweettext">
<div>
<div class="span-one-third">
<i id="somewords">Some nice words about you. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</i>
</div>
</div>
</div>
</div>
<div class="footerend">
</div>
<div id="pouch-root"></div><br />
<Button id="btn" variant="success" >Send me an email</Button>
</body>
</html>