-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbootstrapfile1.htm
84 lines (83 loc) · 2.01 KB
/
bootstrapfile1.htm
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
<! DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="bootstrap1.css">
<style>
.col-sm-2{
font-size: 30px;
font-weight: bold;
background-color: #ABEBC6;
color:black;
}
body{
background-image: url("book1.jpg");
}
footer{
font-weight: bold;
font-size: 15px;
color:#4A235A ;
}
p{
font-style: italic;
font-size: 20px;
color:white;
}
h1{
color:white;
font-weight: bold;
}
td{
color:white;;
}
th{
color:white;
}
</style>
</head>
<body>
<div class="container-fluid">
<h1>Education-The passport to life of your dreams</h1>
<p>The importance of education cannot be specified enough and one needs no proof for that.
So, let's join together to make our world,our country the place of our dreams and let's each one teach one.</p>
</div>
<div class="row">
<div class="col-sm-2">Introduction</div>
<div class="col-sm-2">Detail</div>
<div class="col-sm-2">Steps</div>
<div class="col-sm-2">Case Studies</div>
<div class="col-sm-2">Donate</div>
<div class="col-sm-2">Contact</div>
</div>
<div class="container-fluid">
<blockquote>
<p>The capacity to learn is a gift;the ability to learn is a skill;the willingness to learn is a choice.</p>
<footer>Brain Herbet</footer>
</blockquote>
</div>
<div class="container-fluid">
<table class="table table-bordered">
<thead>
<tr>
<th>Name of institution</th>
<th>Contact no.</th>
</tr>
</thead>
<tbody>
<tr>
<td>XYZ</td>
<td>787887666</td>
</tr>
<tr>
<td>ABC</td>
<td>998747373</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>