-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (99 loc) · 4.33 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
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<meta name="description" content="Helping young people deal with low self-esteem induced by social media.">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,500|Gloria+Hallelujah" rel="stylesheet">
<link href="./styles/main.css" type="text/css" rel="stylesheet">
<title>SocialUp</title>
</head>
<body id="landing-body">
<nav class="navbar navbar-default navbar-custom">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<object id="cloud-logo" type="image/svg+xml" data="./assets/icons/cloud.svg" width="40"></object>
</a>
</div>
<ul class="nav navbar-nav">
<li class=""><a href="../index.html">SocialUp</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Hello James <span class="glyphicon glyphicon-user"></span></a></li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="row top-buffer-large">
<div class="col-xs-6 col-xs-offset-1" id="feelings-title">
<h2 class="landing-heading">What's your mood like right now?</h2>
</div>
</div>
<div class="row top-buffer">
<div class="dropdown col-xs-offset-2" id="feelings-dropdown">
<button class="btn btn-primary dropdown-toggle" id="dropdown-custom" type="button" data-toggle="dropdown">confused
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">confused</a></li>
<li><a href="#">angry</a></li>
<li><a href="#">sad</a></li>
<li><a href="#">anxious</a></li>
<li><a href="#">jealous</a></li>
<li><a href="#">irritated</a></li>
<li><a href="#">numb</a></li>
<li><a href="#">lonely</a></li>
<li><a href="#">irritated</a></li>
<li><a href="#">rejected</a></li>
<li><a href="#">stressed</a></li>
<li><a href="#">uncomfortable</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-xs-offset-6" id="feelings-strength-title">
<h2 class="landing-heading">How strong are your feelings?</h2>
</div>
</div>
<div class="row top-buffer">
<div class="dropdown col-xs-offset-7" id="feelings-strength-dropdown">
<button class="btn btn-primary dropdown-toggle" id="dropdown-custom" type="button" data-toggle="dropdown">subtle
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li><a href="#">subtle</a></li>
<li><a href="#">medium</a></li>
<li><a href="#">strong</a></li>
<li><a href="#">very strong</a></li>
</ul>
</div>
</div>
<div class="row negative-buffer">
<div class="col-xs-10 col-xs-offset-2">
<h2 class="landing-heading" id="welcome-msg-1"></h2>
</div>
</div>
<div class="row negative-buffer">
<div class="col-xs-12">
<h2 class="landing-heading" id="welcome-msg-2">They're not.</h2>
</div>
</div>
</div>
<div class="row" id="panel-options">
<div class="col-xs-3 col-xs-offset-2 top-buffer" id="panel-facts">
<a href="./html/facts.html"><h4 class="landing-heading">Check out some facts about thoughts and emotions</h4></a>
</div>
<div class="col-xs-3 top-buffer" id="panel-exercises">
<a href="./html/exercises.html"><h4 class="landing-heading">Try some exercises to challenge your thinking patterns</h4></a>
</div>
<div class="col-xs-3 top-buffer" id="panel-testimonials">
<a href="./html/testimonials.html"><h4 class="landing-heading">See what other people found helpful</h4></a>
</div>
</div>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>
<script src="./js/landing.js"></script>
</body>
</html>