-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathweb.html
71 lines (65 loc) · 2.85 KB
/
web.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Web Design - The Harvard Crimson Design</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="application-name" content=" "/>
<link rel="stylesheet" href="assets/css/main.min.css" />
</head>
<body>
<nav class="floating-nav transition">
<a href="index.html"><h1>The Harvard Crimson <span class="design-text">Design</span></h1></a>
<ul>
<li><a href="illustration.html">Illustration</a></li>
<li><a href="print.html">Print</a></li>
<li><a href="web.html">Web</a></li>
<li><a href="comp.html">Comp</a></li>
</ul>
</nav>
<div class="wrapper">
<section id="header">
<a href="index.html"><h1>The Harvard Crimson <span class="design-text">Design</span></h1></a>
<nav>
<ul id="main-nav" class="main-nav">
<li><a href="illustration.html">Illustration</a></li>
<li><a href="print.html">Print</a></li>
<li><a href="web.html">Web</a></li>
<li><a href="comp.html">Comp</a></li>
</ul>
</nav>
</section>
<section class="hero" id="web-hero">
<div class="content">
<h2>Web Design</h2>
<h3>Design the future.</h3>
<h4>Tools</h4>
<div class="tools">
<div>
<img src="assets/img/figma.png">
<p>Figma</p>
</div>
</div>
<img class="hero-img" src="assets/img/web-hero-m.jpg">
</div>
</section>
<h4>Web Design collaborates closely with the Tech board to ensure that The Crimson's website is user-friendly and aesthetically pleasing for our online readers. Web designers work extensively with the design software Figma, while also constantly trying to improve all users' experiences on thecrimson.com. By developing skills ranging from hand-drawn sketches to wire framing to unveiling a final product, Web Design compers will become very familiar with the process behind designing a website from scratch.</h4>
<section class="sell-points">
<div>
<p><span>Major redesigns.</span> Apply UI/UX best practices to imagine the next generation of The Crimson online.</p>
</div>
<div>
<p><span>Special features.</span> Use your creativity to design the online experience for special stories.</p>
</div>
<div>
<p><span>Team-based work.</span> Collaborate with editors from across The Crimson.</p>
</div>
</section>
<section class="cta">
<p>Want to join us? <a href="comp.html">Learn more about our comp</a></p>
</section>
</div>
<script src="./assets/js/vendors.js"></script>
<script src="./assets/js/app.js"></script>
</body>
</html>