-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathprint.html
107 lines (101 loc) · 4.53 KB
/
print.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Print 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="print-hero">
<div class="content">
<h2>Print Design</h2>
<h3>Get the news out.</h3>
<h4>Tools</h4>
<div class="tools">
<div>
<img src="assets/img/photoshop.png">
<p>Photoshop</p>
</div>
<div>
<img src="assets/img/illustrator.png">
<p>Illustrator</p>
</div>
<div>
<img src="assets/img/indesign.png">
<p>InDesign</p>
</div>
</div>
<!-- <img class="hero-img" src="assets/img/print-hero-m.jpeg"> -->
</div>
</section>
<section class="sell-points">
<div>
<p><span>Arts.</span> The well-rounded sub-board of print design, Arts is a platform that offers clear style rules and structure while giving designers some room to innovate. Designers lay out pages, manipulate photos, and create vector graphics for this twice-a-week part of the daily paper.</p>
</div>
<div>
<p><span>Daily.</span> The steady, reliable backbone of The Crimson, Daily is the sub-board with the most structure and organization. Designers will gain experience in newspaper production and page layout, but they will also be able to make data visualizations, manipulate photos, and create vector graphics.</p>
</div>
<div>
<p><span>Fifteen Minutes.</span> The "Wild West" of print design, FM is the sub-board with the least amount of style rules and the most freedom for creativity. Designers lay out pages, manipulate photos, create vector graphics, and make illustrations to accompany the articles in this fortnightly magazine.</p>
</div>
</section>
<section>
<h1>Sample Work</h1>
<div class="portfolio-grid">
<div class="item">
<img src="assets/img/p_portfolio_daily_1.jpg">
<h4 class="caption">Daily Front Page</h4>
</div>
<div class="item">
<img src="assets/img/p_portfolio_arts_1.jpg">
<h4 class="caption">Arts Cover</h4>
</div>
<div class="item">
<img src="assets/img/p_portfolio_fm_2.jpg">
<h4 class="caption">By Truelian Lee</h4>
</div>
<div class="item">
<img src="assets/img/p_portfolio_daily_2.jpg">
<h4 class="caption">Daily Front Page</h4>
</div>
<div class="item">
<img src="assets/img/p_portfolio_fm_1.jpg">
<h4 class="caption">By Truelian Lee and Kelly Luo</h4>
</div>
<div class="item">
<img src="assets/img/p_portfolio_fm_3.jpg">
<h4 class="caption">By Kelly Luo and Krystal K. Phu</h4>
</div>
</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>