-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (60 loc) · 3.58 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" >
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel=stylesheet type="text/css" href="Group_1_stylesheet.css">
<link rel=stylesheet type="text/css" href="Group_1_stylesheet.css">
</head>
<body>
<div class= "jumbotron-header">
<div class = "transbox-header">
<h1> The Community </h1>
<h2> Tackling mental health issues amongst students</h2>
</div>
</div>
<nav class="navbar navbar-inverse navbar-sticky">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"> The Community</a>
</div>
<div id = "navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"> <a href="index.html"> Home</a>
<li><a href="first_aid.html"> First Aid </a></li>
<li><a href="MH_stories.html"> Stories </a></li>
<li><a href="#S"> Resources </a></li>
</ul>
</div>
</div>
</nav>
<!-- needs centralizing on the page -->
<div class="container">
<h2>Our Idea</h2>
<p>Our project details the efforts towards anonymous communication between students as a form of support online. This website not only offers a helpful ‘First Aid’ to directly try and help students in the moment of distress, but also works towards building a community online to help people reach out and find common ground within problematic areas at university such as difficulties settling in, housing problems after living in halls and engaging in real, meaningful friendships within limited contact hours with fellow course mates. We have also made sure to include personal accounts of students who have found understanding in relationships and friendships within their personal groups on campus or more specifically within their own course. Although most universities are making efforts to improve mental health awareness and unburden the students of the unnecessary stresses of university life, there is still a major disparity between the realities of university life and the picture perfect image that is presented on university rankings and prospectuses. This website aims to divulge those walls and offers a safe, personal space for all students struggling while in higher education.
</p>
<!-- Add font awesome icons -->
<div id="buttons">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
</div>
<div id="form">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeutLEw6uvTK90jdDjTa9tEjptuUVuGp0ecfFTyUBCZvXz4Wg/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</div>
<!-- here we will have some social buttons and then a form at the bottom-->
<!-- this links to the jquery library-->
<script src="js/bootstrap.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src= "js/bootstrap.min.js"></script>
</body>
</html>