-
Notifications
You must be signed in to change notification settings - Fork 0
/
jesin.html
118 lines (109 loc) · 4.28 KB
/
jesin.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
<html lang="en">
<head>
<meta charset="utf-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>WhatsApp</title>
<meta content="" name="description" />
<meta content="" name="keywords" />
<!-- Browser Logo -->
<link href="assets/img/logo.png" rel="icon" />
<link href="assets/img/logo.png" rel="apple-touch-icon" />
<!-- Vendor CSS Files -->
<link
href="assets/vendor/bootstrap/css/bootstrap.min.css"
rel="stylesheet"
/>
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet" />
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet" />
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet" />
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet" />
<link
href="assets/vendor/owl.carousel/assets/owl.carousel.min.css"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.min.css"
/>
<!-- Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet" />
<link href="assets/css/indie.css" rel="stylesheet" />
</head>
<body>
<div class="profile-bg"></div>
<main>
<!-- ======= Header ======= -->
<header class="header1 d-flex position-fixed">
<div class="left d-flex mr-auto profilesub">
<a href="index.html">
<i class="icofont-arrow-left"></i>
</a>
<div class="avatar">
<img src="assets/img/Discord DP/jesin.jpg" />
</div>
<div class="subject">
<h1>Jesinthan</h1>
<h2 style="font-weight: 100">Online</h2>
</div>
</div>
<div class="right d-flex">
<div class="zmdi zmdi-phone"></div>
<div class="dots">
<div class="dot"></div>
<div class="dot"></div>
<div class="dot"></div>
</div>
</div>
</header>
<!-- End Header -->
<!-- ======= Info ======= -->
<div class="info text-center mt-5 pt-3 mb-2">
<button type="button" class="btn btn-secondary">05/09/2021</button>
</div>
<!-- End Info -->
<!-- ======= Chats ======= -->
<div class="convo-left">
<div class="triangle"></div>
<div class="container">
<!-- <div class="title">Hello</div> -->
<div class="d-flex">
<div class="text mb-3 mt-1 ml-1">
When I just rewind back to the first day of college, the first
classroom I stepped into is the IT classroom and not even CSE! And
the first one who welcomed me with all enthusiasm and
cheerfullness is you! "Helloo en peru shirley un peru enna?" ipdi
aaramichu now we travelled so far...and now we celebrate your
birthday as a fam! Happy Birthday Shirley... May this be bond an
everlasting one #ShirlzBday #office
</div>
<div class="time mt-auto">12:00 AM</div>
</div>
</div>
</div>
<!-- End Chats -->
<!-- ======= Type ======= -->
<div class="type d-flex ml-2 position-fixed justify-content-center">
<div class="bar d-flex mr-2 ml-2">
<i class="icofont-simple-smile"></i>
<div class="text mr-auto">Type a message</div>
<i class="icofont-paper-clip" style="transform: rotate(-90deg)"></i>
<i class="icofont-camera mr-2"></i>
</div>
<div class="send mr-2">
<i class="zmdi zmdi-mail-send"></i>
</div>
</div>
<!-- End Type -->
</main>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<!-- Main JS File -->
<!-- <script src="assets/js/main.js"></script> -->
</body>
</html>