-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (100 loc) · 3.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LinkedIN</title>
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="navbar">
<div class="navbar-left">
<a href="\">
<img src="asset/linkedin.png"/></a>
<button type="submit"><i class="fa fa-search search-icon"></i></button>
<input type="text" placeholder="search">
</div>
<div class="navbar-right">
<a href="\"> <img src="asset/home.png"/></a>
<a href="\"> <img src="asset/group.png"/></a>
<a href="\"> <img src="asset/bag.png"/></a>
<a href="\"> <img src="asset/chat.png"/></a>
<a href="\"> <img src="asset/bell.png"/></a>
<span></span>
<a href="\"> <img src="asset/user.png"/></a>
<a href="\"> <img src="asset/grid.png"/></a>
<a class ="last" href=""> Try premium free for month</a>
</div>
</div>
<div class="content">
<div class="content-upper">
<p>please give me the opportunity to work for your startup</p>
<button class="grid-icon "> <i class="fa fa-ellipsis-h fa-2x "></i> </button>
</div>
<div class="content-user">
<img src="asset\mohit saha.jpg" alt="mohitSaha">
<div class="content-user-name">
<h3>Mohit saha</h3>
<h5>looking for web developer internship</h5>
<h6>1 min ago</h6>
</div>
</div>
<div class="content-main">
<p >Hi, my name is mohit saha , i am 19 year old web technology enthusiat. This internship is very important for me as i am eager to learn more about startup and web technology.
<a href="https://www.linkedin.com/in/mohit-saha/"> my linkedin profile</a> </p>
</div>
<div class="content-reaction">
<button type="submit"> <i class="fa fa-thumbs-up fa-2x" aria-hidden="true"></i>
<span>Like</span>
</button>
<button type="submit">
<i class="fa fa-comment-o " aria-hidden="true"></i>
<span>Comment </span>
</button>
<button type="submit">
<i class="fa fa-share" aria-hidden="true"></i>
<span>Share</span>
</button>
<button type="submit">
<i class="fa fa-location-arrow " aria-hidden="true"></i>
<span>Send</span>
</button>
</div>
</div>
<div class="content">
<div class="content-upper">
<p>your connection commented on this user</p>
<button class="grid-icon "> <i class="fa fa-ellipsis-h fa-2x "></i> </button>
</div>
<div class="content-user">
<i class="fa fa-linkedin-square fa-4x icon-blue" aria-hidden="true"></i>
<div class="content-user-name">
<h3>Linkedin</h3>
<h5>125K followers</h5>
<h6>2d ago</h6>
</div>
</div>
<div class="content-main">
<p >LinkedIn is an American business and employment-oriented online service that operates via websites and mobile apps. Launched on May 5, 2003, it is mainly used for professional networking, including employers posting jobs and job seekers posting their CVs.</p>
<img src="asset/post.jpg" alt="post" style="margin: 0 auto; width:100%; height:300px; "> </div>
<div class="content-reaction">
<button type="submit"> <i class="fa fa-thumbs-up fa-2x" aria-hidden="true"></i>
<span>Like</span>
</button>
<button type="submit">
<i class="fa fa-comment-o " aria-hidden="true"></i>
<span>Comment </span>
</button>
<button type="submit">
<i class="fa fa-share" aria-hidden="true"></i>
<span>Share</span>
</button>
<button type="submit">
<i class="fa fa-location-arrow " aria-hidden="true"></i>
<span>Send</span>
</button>
</div>
</div>
</body>
</html>