-
Notifications
You must be signed in to change notification settings - Fork 0
/
frankle.html
124 lines (115 loc) · 4.71 KB
/
frankle.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
122
123
124
<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/frankle.jpg" />
</div>
<div class="subject">
<h1>Joshua</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">
Many more happy returns of the day Shirley. One of the best
friends I've ever had. You make everyone smile a little extra, you
brought colours into our life (b612 app). When the vibe is very
low or there is no vibe, as soon as you join, the place gets
filled with vibe. You light up the place where you are. You are a
great dancer and a great sports person, at times you have been my
inspiration too. Loved the way you cared for me. I'm so
comfortable with you and I can share everything with you. All the
talks we had, the memories and moments, I'll always cherish them
and I'm never gonna lose that again. Never stop inspiring with
your speeches. Be the same, keep amazing us. To more fun days to
enjoy together. Once again many more happy returns of the day
Shirley.
</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>