-
Notifications
You must be signed in to change notification settings - Fork 124
/
mydomain.html
64 lines (52 loc) · 4.05 KB
/
mydomain.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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>My Domain</title>
<link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'>
<style>
body {
background: url(./coffee.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Roboto Condensed', sans-serif;
}
.content-top {
font-size:24px;
font-weight:700;
color:white;
overflow: hidden;
margin-top:40px;
margin-left:40px;
margin-right:40px;
margin-bottom:0px;
padding: 20px;
background: #444;
background: rgba(0, 0, 0, 0.35);
text-align: left;
}
.content {
color:white;
margin-top:0px;
margin-left:40px;
margin-right:40px;
margin-bottom:40px;
padding: 20px;
background: #444;
background: rgba(0, 0, 0, 0.3);
text-align: left;
}
</style>
</head>
<body>
<div class="content-top">This is a place where you can put a header</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque auctor tincidunt sapien vel laoreet. Phasellus sit amet justo mollis, eleifend nibh volutpat, sodales libero. Sed sed eros nec lorem facilisis faucibus. Mauris a orci nec nisl elementum tempus at sed quam. Pellentesque lacinia congue massa aliquam ullamcorper. Praesent hendrerit, nibh eu suscipit sagittis, dui libero varius quam, nec placerat sapien sem eget lacus. Quisque pretium tristique quam, in dictum nibh iaculis a. Vestibulum suscipit interdum cursus. Vivamus a lacus porta, convallis arcu ac, congue nisl. Morbi pretium tellus eu sagittis condimentum. Curabitur nibh mi, dictum sit amet nisl a, facilisis maximus lacus. Quisque et tempor dui, non eleifend libero. Maecenas consectetur porttitor massa, sit amet commodo justo congue eu. Donec interdum magna ut orci maximus elementum. Fusce blandit tincidunt arcu et luctus. Vestibulum ac mauris venenatis, tincidunt nunc convallis, feugiat diam.</p>
<p>Suspendisse sit amet augue porttitor, dapibus urna id, tristique massa. Donec suscipit nunc mauris, in porttitor turpis aliquam in. Vivamus ullamcorper quis neque sed ultrices. Aenean eget augue dui. Praesent vel suscipit ipsum. Pellentesque quis turpis mattis, ornare leo nec, consectetur nulla. Aliquam erat volutpat. Etiam lobortis tellus at hendrerit tincidunt. Aenean eleifend aliquam metus, et sollicitudin odio maximus a. Nam vestibulum in dui vel euismod. Vestibulum eget malesuada erat, at interdum nisi. Nam posuere accumsan ex vel hendrerit. Suspendisse eget pretium nisi, vel fringilla ante. Mauris vulputate aliquet nulla, ac mollis urna sodales sed. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec velit mauris, malesuada sit amet ligula vitae, tristique molestie est.</p>
<p>Aenean eget laoreet mi. Pellentesque ex nisi, finibus nec mauris ac, volutpat pharetra lacus. Nunc facilisis sagittis malesuada. Cras at volutpat ligula, non egestas tortor. In et pellentesque nibh. Integer sit amet blandit purus. Vestibulum faucibus quam in nisi finibus ullamcorper. Nunc consequat orci quis dui eleifend, ac pretium dolor scelerisque. Sed tellus tortor, consectetur eu est non, ultricies pellentesque massa. Mauris sit amet lacus at nunc pretium mollis.</p>
<p>Nunc vestibulum sit amet sapien eu ornare. Vestibulum ac velit risus. Donec lorem magna, tempus in erat faucibus, pretium tristique dui. Suspendisse tincidunt et lorem et consequat. Vivamus lacinia viverra rutrum. In id mollis sem, eget ullamcorper tellus. Curabitur malesuada iaculis erat, sed hendrerit justo commodo vel. Nulla congue at enim quis accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In scelerisque nisl a finibus rutrum.</p>
</div>
</body>
</html>