-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.html
159 lines (143 loc) · 6.47 KB
/
team.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hacker News | Team</title>
<link href="https://fonts.googleapis.com/css?family=Varela+Round&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Montserrat:700|Varela+Round&display=swap" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous" />
<!-- This script creates a 'smooth scroll' feature when clicking navbar links that scroll down to a specific section of the page -->
<script>
$(document).ready(function () {
$('a[href^="#"]').on('click', function (e) {
e.preventDefault();
var target = this.hash,
$target = $(target);
$('html, body').stop().animate({
'scrollTop': $target.offset().top - 140
}, 900, 'swing', function () {
window.location.hash = target;
});
});
});
</script>
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<div class="nav-container">
<div id="navbar" class="team-nav">
<a class="logo" href="/index.html"><h2>Hacker News</h2></a>
<nav id="nav">
<a class="navlinks" href="index.html">Home</a>
<a class="navlinks" href="index.html#features">Features</a>
<a class="navlinks" href="index.html#news">Top News</a>
<a class="navlinks" href="#team-contact-section">Contact Us</a>
<a class="navlinks" href="team.html">Our Team</a>
<a class="navlinks" href="https://hackernewsmatrix.netlify.com/">Sign In/Up</a>
</nav>
</div>
</div>
<div class="spacer">
</div>
<!-- This section includes all elements of the team page header (white background) -->
<header id="team-header">
<div class="about-us">
<span class="line"></span>
<h5>ABOUT US</h5>
</div>
<h1>Meet the talented team behind this redesign and other amazing projects.</h1>
<h2>We are a team of full-stack web development students at <a href="https://lambdaschool.com/">Lambda School</a>, bringing new life to the infamous <a href="https://news.ycombinator.com/">Y-combinator Hacker News website.</a></h2>
</header>
<!-- This section includes all elements in team members section (photos/titles/GitHub-links: grey background) -->
<section id="team-section">
<div class="lead-container">
<img class="lead-photo" src="img/bradley.jpeg" alt="Photo of Bradley Peterson" />
<h4>Bradley Peterson</h4>
<p>Project Lead</p>
<a href="https://github.com/boltsnut24">GitHub</a>
</div>
<div class="team-container">
<div class="member">
<img class="photo" src="img/andrew.jpeg" alt="Photo of Andrew Garcia" />
<h4>Andrew Garcia</h4>
<p>Backend Developer</p>
<a href="https://github.com/aaamg">GitHub</a>
</div>
<div class="member">
<img class="photo" src="img/samuel.png" alt="Photo of Samuel Imafidon" />
<h4>Samuel Imafidon</h4>
<p>Backend Developer</p>
<a href="https://github.com/osammy">GitHub</a>
</div>
<div class="member">
<img class="photo" src="img/darrin.jpg" alt="Photo of Darrin Lowery" />
<h4>Darrin Lowery</h4>
<p>Frontend Architect</p>
<a href="https://github.com/ogrotten">GitHub</a>
</div>
<div class="member">
<img class="photo" src="img/ihir.jpeg" alt="Photo of Idir Abderahim" />
<h4>Idir Abderahim</h4>
<p>Frontend Developer</p>
<a href="https://github.com/AbdelIdir">GitHub</a>
</div>
<div class="member">
<img class="photo" src="img/jeffery.png" alt="Photo of Jeffery Desir" />
<h4>Jeffrey Desir</h4>
<p>Frontend Developer</p>
<a href="https://github.com/jffrydsr">GitHub</a>
</div>
<div class="member">
<img class="photo" src="img/kj.png" alt="Photo of KJ Magill" />
<h4>KJ Magill</h4>
<p>User Interface Developer</p>
<a href="https://github.com/kjmagill">GitHub</a>
</div>
</div>
</section>
<!-- This section includes all elements pertaining to Lambda Build Week (text and Lambda logo: white background) -->
<section id="sponsor-section" name="sponsor-section">
<h3>Brought to you by</h3>
<div class="lambda-bw">
<img src="img/lambdaschool.png" alt="Lambda School logo" />
<h4>Build Week</h4>
</div>
</section>
<!-- This section includes a link to the project's GitHub (grey background) -->
<section id="code-link">
<h2>See <a href="https://github.com/reactHackerNewsBW">the work.</a></h2>
<img src="img/click-here.png" alt="Click here, icon" />
</section>
<section id="team-contact-section" name="team-contact-section">
<div class="help-title">
<h2>What can we help with?</h2>
<div class="line-break"></div>
</div>
<div class="contact-container">
<form class="cf">
<div class="half left cf">
<input type="text" id="input-name" class="input-box" placeholder="Name">
<input type="email" id="input-email" class="input-box" placeholder="Email address">
<input type="text" id="input-subject" placeholder="Subject">
</div>
<div class="half right cf">
<textarea name="message" type="text" id="input-message" placeholder="Message"></textarea>
</div>
<input type="submit" value="Submit" id="input-submit">
</form>
</div>
</section>
<footer>
<p>Copyright Ⓒ Lambda School Build Week 2019</p>
</footer>
</body>
</html>