/
sandbox.html
60 lines (57 loc) · 1.64 KB
/
sandbox.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Harry Maher</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="Bootstrap3.2.0/css/bootstrap.min.css">
<script src="jquery/jquery.min.js"></script>
<script src="Bootstrap3.2.0/js/bootstrap.min.js"></script>
<style>
.navbar {
padding-top: 8px;
padding-bottom: 10px;
border: 0;
border-radius: 4;
margin-bottom: 0;
font-size: 15px;
letter-spacing: 4px;
background-color: white;
font-family: segoe ui;
font-color: white;
}
.navbar-nav li a:link, li a:visited{
display: block;
background-color: grey;
color: white;
text-align: center;
}
.navbar-nav li a:hover {
background-color: white;
color: grey !important;
}
body{
background-color:white;
}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3" style="background-color:lavender;">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat.</p>
</div>
<div class="col-sm-9" style="background-color:lavenderblush;">
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
</div>
</div>
</div>
</body>
</html>
</div>