-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (129 loc) · 7.01 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html lang="en">
<head>
<title>ItsNotSoWeird</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Chatbot-->
<script src="https://www.gstatic.com/dialogflow-console/fast/messenger/bootstrap.js?v=1"></script>
<df-messenger intent="WELCOME" chat-title="Hygiene Bot" agent-id="b5f20b98-60c2-41f3-8220-3106ff1ad9fd" language-code="en" chat-icon="assets/images/coderdocs-logo.png">
<style>
df-messenger {
--df-messenger-bot-message: #798C92;
--df-messenger-button-titlebar-color: #d0cbcf;
--df-messenger-chat-background-color: #fafafa;
--df-messenger-font-color: #000;
--df-messenger-send-icon: #203375;
--df-messenger-user-message: #D6B0A7;
}
</style>
</df-messenger>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap" rel="stylesheet">
<link rel="shortcut icon" type="image/jpg" href="assets/images/coderdocs-logo.png"/>
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/theme.css">
</head>
<body>
<header class="header fixed-top">
<div class="branding docs-branding">
<div class="container-fluid position-relative py-2">
<div class="docs-logo-wrapper">
<div class="site-logo"><a class="navbar-brand" href="index.html"><img class="logo-icon me-2" src="assets/images/coderdocs-logo.png" alt="logo"><span class="logo-text">ItsNot<span class="text-alt">SoWeird</span></span></a></div>
</div><!--//docs-logo-wrapper-->
<div class="docs-top-utilities d-flex justify-content-end align-items-center">
<ul class="social-list list-inline mx-md-3 mx-lg-5 mb-0 d-none d-lg-flex">
<li class="list-inline-item"><a href="#"><i class="fab fa-github fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-instagram fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook fa-fw"></i></a></li>
</ul><!--//social-list-->
</div><!--//docs-top-utilities-->
</div><!--//container-->
</div><!--//branding-->
</header><!--//header-->
<div class="header-img">
<img src="assets/images/its.gif" width="100% height="100%" alt="">
</div>
<div class="page-content">
<div class="container">
<div class="docs-overview py-5">
<div class="row justify-content-center">
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder me-2">
<i class="fas fa-mars"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Male</span>
</h5>
<div class="card-text">
Let’s be honest, sex can get messy. It’s easy to forget about cleanliness when you’re in the moment, but being aware of your hygiene before, during, and after sex can minimize the risk of STIs and other health concerns. Plus, being clean is just sexy!.
</div>
<a class="card-link-mask" href="docs-page.html#section-1"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder me-2">
<i class="fas fa-venus"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Female</span>
</h5>
<div class="card-text">
Just like menstruation, vaginal hygiene is a taboo subject in India. Many women till date refrain from talking or sharing tips on how to maintain feminine hygiene. However, it is important to know about vaginal hygiene to keep your genitals clean and your reproductive tract healthy.
</div>
<a class="card-link-mask" href="docs-page.html#section-2"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<div class="col-12 col-lg-4 py-3">
<div class="card shadow-sm">
<div class="card-body">
<h5 class="card-title mb-3">
<span class="theme-icon-holder card-icon-holder me-2">
<i class="fas fa-transgender"></i>
</span><!--//card-icon-holder-->
<span class="card-title-text">Transgender</span>
</h5>
<div class="card-text">
Discovering your sexuality can be really exciting, and you may be exploring new things, or with new parts of your body. Wherever you are in your transition, and whether you have decided to have surgery or not, you're entitled to have sex that is safe and enjoyable.
</div>
<a class="card-link-mask" href="docs-page.html#section-3"></a>
</div><!--//card-body-->
</div><!--//card-->
</div><!--//col-->
<section class="cta-section text-center py-5 theme-bg-dark position-relative">
</section><!--//cta-section-->
<footer class="footer">
<div class="footer-bottom text-center py-5">
<ul class="social-list list-unstyled pb-4 mb-0">
<li class="list-inline-item"><a href="#"><i class="fab fa-github fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-facebook-f fa-fw"></i></a></li>
<li class="list-inline-item"><a href="#"><i class="fab fa-instagram fa-fw"></i></a></li>
</ul><!--//social-list-->
<small class="copyright">All Copyright © <a href="#" target="_blank">reserved 2021</a></small>
</div>
</footer>
<!-- Javascript -->
<script src="assets/plugins/popper.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- Page Specific JS -->
<script src="assets/plugins/smoothscroll.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/highlight.min.js"></script>
<script src="assets/js/highlight-custom.js"></script>
<script src="assets/plugins/simplelightbox/simple-lightbox.min.js"></script>
<script src="assets/plugins/gumshoe/gumshoe.polyfills.min.js"></script>
<script src="assets/js/docs.js"></script>
</body>
</html>