-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
121 lines (113 loc) · 6.44 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>index</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/my.css">
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Socio Media</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"">
<form class="navbar-form navbar-right">
<div class="form-group">
<input type="email" class="form-control" placeholder="Email Address">
</div>
<div class="form-group">
<input type="password" class="form-control" placeholder="Password">
</div>
<button type="submit" class="form-control btn btn-success">Submit</button>
</form>
</div>
</div>
</nav>
<div class="container">
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
<div class="panel panel-primary">
<div class="panel-heading">My Profile</div>
<div class="panel-body">
<img class="img-responsive profile" src="images/download.png">
<p><i class="fa fa-pencil fa-2x" aria-hidden="true"></i>Designer, UI</p>
<p><i class="fa fa-home fa-2x" aria-hidden="true"></i>India</p>
<p><i class="fa fa-birthday-cake fa-2x" aria-hidden="true"></i>September 12,1997</p>
<p><i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"></i><a class="edit" href="#">Edit Profile</a></p>
</div>
</div>
<div class="panel panel-default fadeInDown">
<div class="panel-body">
<p>"We are working on other fun stuffs to make your life easier."</p>
<p>"Stay connected & stay tuned!!!! Wlaaaahh"</p>
<p><blockquote>Yash Aggarwal</blockquote></p>
</div>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-12 col-xs-12">
<div class="panel panel-info">
<p>What's on your mind ?</p>
<input class="form-control" type="text" name="" placeholder="Status"><br>
<button type="button" class="btn btn-md btn-success"><i class="fa fa-pencil" aria-hidden="true"></i>Post</button>
</div>
<div class="panel panel-default">
<div class="panel-body">
<span class="text-muted">Posted by:</span>
<p><strong>Yash Aggarwal</strong><span class="text-muted" style="float: right"><i class="fa fa-clock-o" aria-hidden="true"></i>12:09 p.m.</span></p>
<p>If you're changing the world, you're working on important things. You're excited to get up in the morning. Success is a lousy teacher. It seduces smart people into thinking they can't lose.
We make the future sustainable when we invest in the poor, not when we insist on their suffering.
Your most unhappy customers are your greatest source of learning.It is impossible to live without failing at something, unless you live so cautiously that you might as well not have lived at all, in which case you have failed by default.
It takes a great deal of bravery to stand up to our enemies, but just as much to stand up to our friends.</p>
<button type="button" class="btn btn-success"><i class="fa fa-thumbs-o-up" aria-hidden="true"></i>Like</button>
<button type="button" class="btn btn-danger"><i class="fa fa-smile-o" aria-hidden="true"></i></i></button>
<button type="button" class="btn btn-default"><i class="fa fa-commenting-o" aria-hidden="true"></i>Comment</button>
<button type="button" class="btn btn-default" style="float: right;"><i class="fa fa-tag" aria-hidden="true"></i></button>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-12 col-xs-12">
<div class="panel panel-info upcoming">
<p>Upcoming Events:</p>
<img class="img-responsive events" src="images/events.jpeg">
<p style="margin-top: 15px;"><strong>Holiday</strong></p>
<p>Friday, 25</p>
<button type="button" class="btn btn-primary">More Info</button>
</div>
<div class="panel panel-default requests">
<div class="panel-body">
<p>Suggestions & Friend Requests</p>
<img src=""><i class="fa fa-user-plus fa-3x" aria-hidden="true"></i>
<p><strong>Samar Ninja</strong></p>
<button type="button" class="btn btn-success"><i class="fa fa-check" aria-hidden="true"></i></button>
<button type="button" class="btn btn-danger"><i class="fa fa-user-times" aria-hidden="true"></i></button>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">Like us on:</div>
<div class="panel-body">
<ul class="item">
</ul>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>