Illuminate.github.io/resources.html at main · apple0pi/Illuminate.github.io · GitHub

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


<!DOCTYPE html>
<html lang="en">
<title>Illuminate</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
</style>
<body>

<!-- Navbar -->
<div class="w3-top">
  <div class="w3-bar w3-pale-yellow w3-card w3-left-align w3-large">
    <a href="registration.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Register/Login</a>
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
    <a href="welcome_page.html" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
    <a href="community_posts.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Community posts</a>
    <a href="FAQ.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">FAQ</a>

    <a href="bug_report.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Report Bug</a>


    <a href="other.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Outside Resources</a>


  </div>

  <!-- Navbar on small screens -->
  <!-- <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 1</a>
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 2</a>
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 3</a>
    <a href="bug_report.html" class="w3-bar-item w3-button w3-padding-large">BALLS</a>
  </div> -->
</div>

<!-- Header -->
<header class="w3-container w3-pale-yellow w3-center" style="padding:128px 16px">
  <h1 class="w3-margin w3-jumbo">Illuminate</h1>
  <p class="w3-xlarge">Made with love by SAS group <3</p>
  <button class="w3-button w3-black w3-padding-large w3-large w3-margin-top">Get Started</button>
</header>

<!-- First Grid -->
<div class="w3-row-padding w3-padding-64 w3-container">
  <div class="w3-content">
    <div class="w3-twothird">
      <h1>Welcome to Illuminate!</h1>
      <h5 class="w3-padding-32">Hello and welcome to Illuminate! Our mission is to help you! As the Students Against Suicide (SAS), we’re dedicated to helping the students around the country tackle mental heatlh.</h5>

      <p class="w3-text-grey">The product we designed is called Illuminate. Our main mission is to connect people with mental health tools with ease of access, providing hope to the hopeless. So regardless of background and insurance, people should be able to find reliable mental health resources in their area.

        Since starting from scratch to find a therapist can be overwhelming as a busy student, Illuminate is intended to give students a more digestible and accessible database of resources without the hassle of researching for days. With access to shelters, hotlines, therapists and more we foresee that this project will lower the stress levels of most students before it leads to suicide. We want to mainly focus on providing affordable and immediate treatment. We envision that the product’s user interface will be streamlined and clearly understandable so those who are under immense pressure are able to find help right away.</p>
    </div>

    <div class="w3-third w3-center">
      <i> <img src="https://i.pinimg.com/550x/69/61/96/6961966a0b8ff0953ea8166e13fe22ac.jpg" alt="Lightbulb" width="400" height="400"> </i>
    </div>
  </div>
</div>

<!-- Footer -->
<footer>
<a href="hotline.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-gray">Hotline</a>
<a href="FAQ.html" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-gray">Help</a>
</footer>

<script>
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
  var x = document.getElementById("navDemo");
  if (x.className.indexOf("w3-show") == -1) {
    x.className += " w3-show";
  } else {
    x.className = x.className.replace(" w3-show", "");
  }
}
</script>

</body>
</html>