-
Notifications
You must be signed in to change notification settings - Fork 3
/
discover.html
134 lines (111 loc) · 4.29 KB
/
discover.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
<!DOCTYPE html>
<html>
<head>
<!-- BOOTSTRAP LINKS for CSS STYLING -->
<link href="bootstrap/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- FONTS -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Titillium+Web:400,600" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Exo+2:700i" rel="stylesheet">
<!-- Our own CSS file link up -->
<link href="discover.css" rel="stylesheet">
<title>Connext</title>
</head>
<body>
<!-- set up menu bar -->
<nav class="navbar navbar-form navbar-fixed-top" style="margin-bottom: 3rem; text-align: center; background-color: #ECECEC;">
<div class="container-fluid">
<a class="nav-link" hre<a class="nav-link" href="index.html" style="font-family: 'Exo 2', sans-serif; font-weight: 700; font-style: italic; font-size: 60px;">connext</a>
<a class="nav-link" href="profile.html">profile</a>
<a class="nav-link" href="message.html">message</a>
<a class="nav-link" href="discover.html">discover</a>
</div>
</nav>
<!-- Title -->
<div class="container">
<h2>discover your <span class="magical--underline">potential</span></h2>
<div class="space" style="background-color: #ECECEC;"></div>
</div>
<div id="wrapper">
<div id="buttons">
<button type="button" class="btn btn-outline-primary btn-lg">Learn New Skills</button>
<button type="button" class="btn btn-outline-secondary btn-lg">Teach Others</button>
<!-- <button type="button" class="btn btn-outline-tertiary btn-lg" onclick="location.href='map.html';">Near Me</button> -->
<!-- <div id="browse_app"> -->
<a class="btn btn-outline-tertiary btn-lg" href="map.html">Near Me</a>
<!-- </div> -->
</div>
</div>
<!-- columns for discovering users -->
<div class="flex-container">
<div class="responsive">
<div class="card">
<img class="card-img" src="genericprofilepic.jpg" alt="Paige McAuliffe">
<div class="card-body">
<h4 class="card-title">Paige McAuliffe</h4>
<p class="card-text">Let's Meet Up</p>
<a href="profile.html" class="btn btn-primary">See Profile</a>
</div>
</div>
</div>
<div class="responsive">
<div class="card">
<img class="card-img" src="me.jpg" alt="Nishat Firoj">
<div class="card-body">
<h4 class="card-title">Nishat Firoj</h4>
<p class="card-text">Let's Meet Up</p>
<a href="profile.html" class="btn btn-primary">See Profile</a>
</div>
</div>
</div>
<div class="responsive">
<div class="card">
<img class="card-img" src="meghana.jpg" alt="Meghana Bhimasani">
<div class="card-body">
<h4 class="card-title">Meghana Bhimasani</h4>
<p class="card-text">Let's Meet Up</p>
<a href="profile.html" class="btn btn-primary">See Profile</a>
</div>
</div>
</div>
<div class="responsive">
<div class="card">
<img class="card-img" src="lauren.jpg" alt="Lauren Weatherhead">
<div class="card-body">
<h4 class="card-title">Lauren Weatherhead</h4>
<p class="card-text">Let's Meet Up</p>
<a href="profile.html" class="btn btn-primary">See Profile</a>
</div>
</div>
</div>
<div class="responsive">
<div class="card">
<img class="card-img" src="corgi.jpg" alt="Lauren Weatherhead">
<div class="card-body">
<h4 class="card-title">Corinna the Corgi</h4>
<p class="card-text">Let's Meet Up</p>
<a href="profile.html" class="btn btn-primary">See Profile</a>
</div>
</div>
</div>
<div class="responsive">
<div class="card">
<img class="card-img" src="girl.jpeg" alt="Lauren Weatherhead">
<div class="card-body">
<h4 class="card-title">Janice Jannington</h4>
<p class="card-text">Let's Meet Up</p>
<a href="profile.html" class="btn btn-primary">See Profile</a>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<!-- Bootstrap core JavaScript -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="jquery-slim.min.js"><\/script>')</script>
<script src="bootstrap/popper.min.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
<div class="footer">
</div>
</body>
</html>