-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (90 loc) · 4.16 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MentalBeing</title>
</head>
<!--Styles-->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css">
<body id="pagetop">
<nav class="navbar navbar-expand-md navbar-light fixed-top" id="navbar">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="./assets/img/mentalbeing-logo.png" width="50" height="50" alt="logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-lg-auto">
</li>
<li class="nav-item">
<a class="nav-link" href="signup.html">Sign Up</a>
</li>
<li class="nav-item">
<a class="nav-link" href="login.html">Log In</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="banner">
<div class="container">
<div class="row">
<div class="col-sm-6">
<h2>MentalBeing</h2>
<p>MentalBeing is about destigmatizing mental health issues and normalising conversations on it. It focuses on giving knowledge to people about the important issues regarding mental health and helping them understand that it is real and it is extremely important to have conversations about it. It's main aim is to help people learn about mental health issues and understand that mental health is just as important as your physical health.</p>
<a href="#start" class="btnD1">Start</a>
</div>
<div class="col-sm-6">
<img src="./assets/img/meditating.svg" class="img-fluid" alt="a person meditating">
</div>
</div>
</div>
</section>
<hr>
<!-- Start -->
<section class="start-section text-white" id="start">
<div class="container text-center">
<div class="content-section-heading">
<h2 class="mb-5 section-title text-white">Services</h2>
</div>
<div class="card-deck">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./assets/img/therapists.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-secondary">Therapists</h5>
<a href="login.html" class="btn text-white" style="background: black; border: none;">Go</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./assets/img/chat.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-secondary">Talk about your feelings with other people!</h5>
<a href="login.html" class="btn text-white" style="background: black; border: none;">Go</a>
</div>
</div>
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="./assets/img/learn.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title text-secondary">Learn</h5>
<a href="login.html" class="btn text-white" style="background: black; border: none;">Go</a>
</div>
</div>
</div>
</section>
<!-- Scroll to top -->
<a href="#pagetop" class="to-top">
<i class="fa fa-angle-double-up"></i>
</a>
<!-- JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="./assets/js/script.js"></script>
<script src="https://use.fontawesome.com/c491038b52.js"></script>
<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
</body>
</html>