-
-
Notifications
You must be signed in to change notification settings - Fork 4
Expand file tree
/
Copy pathplacements.html
More file actions
122 lines (112 loc) · 8.16 KB
/
placements.html
File metadata and controls
122 lines (112 loc) · 8.16 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Detailed</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700">
<link rel="stylesheet" href="assets/css/Article-Dual-Column.css">
<link rel="stylesheet" href="assets/css/Article-List.css">
<link rel="stylesheet" href="assets/css/Footer-Dark.css">
<link rel="stylesheet" href="assets/css/Header-Blue.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<div>
<div class="header-blue" style="height:200px;">
<nav class="navbar navbar-dark navbar-expand-md navbar-static">
<div class="container" >
<a class="navbar" id="linker" href="index.html"><img class="img-fluid logo" src="assets/img/logo.jpg"/></a>
</div>
</nav>
</div>
</div>
<div class="article-dual-column">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="intro">
<h1 class="text-center">Your Wonderful Article Title</h1>
<p class="text-center"><span class="by">by</span> <a href="#">Author Name</a><span class="date">Sept 8th, 2016 </span></p></div>
</div>
</div>
<div class="row">
<div class="text">
<p>Sed lobortis mi. Suspendisse vel placerat ligula. <span style="text-decoration: underline;">Vivamus</span> ac sem lac. Ut vehicula rhoncus elementum. Etiam quis tristique lectus. Aliquam in arcu eget velit pulvinar dictum vel in
justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
<p>Praesent sed lobortis mi. Suspendisse vel placerat ligula. Vivamus ac lacus. <strong>Ut vehicula rhoncus</strong> elementum. Etiam quis tristique lectus. Aliquam in arcu eget velit <em>pulvinar dict</em> vel in justo. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.</p>
<h2>Aliquam In Arcu </h2>
<p>Suspendisse vel placerat ligula. Vivamus ac sem lac. Ut vehicula rhoncus elementum. Etiam quis tristique lectus. Aliquam in arcu eget velit pulvinar dictum vel in justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices
posuere cubilia Curae.</p>
</div>
</div>
</div>
</div>
<div class="article-list">
<div class="container">
<div class="intro">
<h2 class="text-center">Latest Articles</h2>
<p class="text-center">Nunc luctus in metus eget fringilla. Aliquam sed justo ligula. Vestibulum nibh erat, pellentesque ut laoreet vitae. </p>
</div>
<div class="row articles">
<div class="col-sm-6 col-md-4 item"><a href="#"><img class="img-fluid" src="assets/img/desk.jpg"></a>
<h3 class="name">Article Title</h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p><a href="#" class="action"><i class="fa fa-arrow-circle-right"></i></a></div>
<div
class="col-sm-6 col-md-4 item"><a href="#"><img class="img-fluid" src="assets/img/desk.jpg"></a>
<h3 class="name">Article Title</h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p><a href="#" class="action"><i class="fa fa-arrow-circle-right"></i></a></div>
<div
class="col-sm-6 col-md-4 item"><a href="#"><img class="img-fluid" src="assets/img/building.jpg"></a>
<h3 class="name">Article Title</h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p><a href="#" class="action"><i class="fa fa-arrow-circle-right"></i></a></div>
<div
class="col-sm-6 col-md-4 item"><a href="#"><img class="img-fluid" src="assets/img/building.jpg"></a>
<h3 class="name">Article Title</h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p><a href="#" class="action"><i class="fa fa-arrow-circle-right"></i></a></div>
<div
class="col-sm-6 col-md-4 item"><a href="#"><img class="img-fluid" src="assets/img/loft.jpg"></a>
<h3 class="name">Article Title</h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p><a href="#" class="action"><i class="fa fa-arrow-circle-right"></i></a></div>
<div
class="col-sm-6 col-md-4 item"><a href="#"><img class="img-fluid" src="assets/img/loft.jpg"></a>
<h3 class="name">Article Title</h3>
<p class="description">Aenean tortor est, vulputate quis leo in, vehicula rhoncus lacus. Praesent aliquam in tellus eu gravida. Aliquam varius finibus est, interdum justo suscipit id.</p><a href="#" class="action"><i class="fa fa-arrow-circle-right"></i></a></div>
</div>
</div>
</div>
<div class="footer-dark">
<footer>
<div class="container">
<div class="row">
<div class="col-md-6 item text-center">
<h3>Contact</h3>
<ul>
<li><a href="mailto:sathuribharathbrothers1234@gmail.com?Subject=Hello%20Bharath" target="_blank">Send a Mail</a></li>
<li><a href="https://api.whatsapp.com/send?phone=919133430813">Send a Message</a></li>
</ul>
</div>
<div class="col-md-6 item text-center">
<h3>Stark Sources</h3>
<p>This is a website with a collection of various resources. This website is made with Bootstrap Studio.
Hosted with Github Pages.Download the code of this website from this<a href="https://github.com/StarkSources/starksources.github.io"> link.</a></p>
</div>
<div class="col item social">
<a href="https://www.facebook.com/sathuribharath.stark" target="_blank"><i class="icon ion-social-facebook"></i></a>
<a href="https://github.com/Bharathbrothers" target="_blank"><i class="icon ion-social-github"></i></a>
<a href="https://www.linkedin.com/in/bharath-kumar-goud/" target="_blank"><i class="icon ion-social-linkedin"></i></a>
<a href="https://twitter.com/BharathSathuri" target="_blank" ><i class="icon ion-social-twitter"></i></a></div>
</div>
<p class="copyright">STARK © 2018</p>
</div>
</footer>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>