-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
143 lines (133 loc) · 4.43 KB
/
index.html
File metadata and controls
143 lines (133 loc) · 4.43 KB
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Getting Started with Bootstrap</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Start of Navigation Bar -->
<nav class="navbar navbar-inverse navbar-static-top no-margin" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-WDM-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="images/logo-blog.png"></a>
</div>
<div class="collapse navbar-collapse navbar-right" id="bs-WDM-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active" ><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">WDM Dropdown<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li><a href="#">Link3</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<!-- End of Navigation Bar -->
<!-- Start of Jumbotron -->
<div class="jumbotron">
<div class="container">
<img src="images/logo-tbg.png" height="200px" class="pull-left">
<h2 class="no-margin">WebDevMentors</h2>
<p>WebDevMentors is a Start-up created by a group of Web Developers and Mobile Application Developers to share knowledge and to provide quality and affordable services on Web and Mobile Platforms to people with a motive to spread the awareness and necessity to bring the business and organization to the world in a better reach. We also provide free advice on web development and selecting hosting for non-profit organizations. </p>
<p><a class="btn btn-primary btn-lg" role="button">Learn more</a></p>
</div>
</div>
<!-- End of Jumbotron -->
<!-- Start of Website Main Content -->
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="images/webbasedservices.jpg" class="img-responsive"/>
<h4>Web Based Services</h4>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Twitter Bootstrap</li>
<li>PHP</li>
<li>Wordpress</li>
<li>and more...</li>
</ul>
<a href="#" class="btn btn-default btn-lg active">Read More</a>
</div></div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="images/mobbasedservices.jpg" class="img-responsive"/>
<h4>Mobile Based Services</h4>
<ul>
<li>Android</li>
<li>Responsive Websites</li>
<li>and more...</li>
</ul>
<a href="#" class="btn btn-primary btn-sm disabled">Read More</a>
</div></div>
</div>
<div class="col-md-4">
<div class="panel panel-default">
<div class="panel-body">
<img src="images/ess-services.jpg" class="img-responsive"/>
<h4>Essential Services</h4>
<ul>
<li>SEO</li>
<li>SMO</li>
<li>Google Analytics</li>
<li>and more...</li>
</ul>
<button id="btnwdm" name="btnwdm" class="btn btn-link">Some Button</button>
</div>
</div></div>
</div>
</div>
<!-- End of Website Main Content -->
<!-- Start of the Footer -->
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-5">
<h4>Contact Address</h4>
<address>
#999,Street of place,<br>
City of place,<br>
Country.
</address>
</div>
</div>
<div class="bottom-footer">
<div class="col-md-5">© Copyright WebDevMentors 2014.</div>
<div class="col-md-7">
<ul class="footer-nav">
<li><a href="index.html">Home</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contacts</a></li>
<li><a href="Link.html">Link</a></li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End of the Footer -->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>