-
Notifications
You must be signed in to change notification settings - Fork 0
/
abi.html
117 lines (108 loc) · 4.22 KB
/
abi.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
<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/abijesh.jpg" />
</div>
<div class="subject">
<h1>Abijesh</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">
One of the approachable and sister like friend your are, you
always bring happiness to the place where you are and you make
everyone comfortable. You always be the way you are and always
have been honest to everyone one of the great qualities that I
have admired from you Happiest birthday Sarley Christmasbell may
all your wishes and dreams be fulfilled. #notbadbts
</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>