illustration.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Illustration - The Harvard Crimson Design</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="application-name" content="&nbsp;"/>
    <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="illustration-hero">
            <div class="content">
                <h2>Illustration</h2>
                <h3>A picture is worth a thousand words.</h3>
                <h4>Tools</h4>
                <div class="tools">
                    <div>
                        <img src="assets/img/illustrator.png">
                        <p>Illustrator</p>
                    </div>
                    <div>
                        <img src="assets/img/wacom.png">
                        <p>Drawing Tablet</p>
                    </div>
                </div>
                <img class="hero-img" src="assets/img/illustration-hero-m.jpg">
            </div>
        </section>

        <h4>Illustration gives artists a platform to create original artwork and enhance writing from across the Crimson with strong visual storytelling. Illustrators learn a range of skills and techniques, including digital illustration, watercolor, marker, and pen. They exercise a lot of flexibility, whether they're creating standalone cartoons or working hand-in-hand with Editorial, Arts, and FM.</h4>

        <section>
            <h1>Sample Work</h1>
            <div class="portfolio-grid">
                <div class="item">
                    <img src="assets/img/i_portfolio_1.jpg">
                    <h4 class="caption">By Mireya C. Arango</h4>
                </div>
                <div class="item">
                    <img src="assets/img/i_portfolio_2.jpg">
                    <h4 class="caption">By Patricia J. Liu</h4>
                </div>
                <div class="item">
                    <img src="assets/img/i_portfolio_3.jpg">
                    <h4 class="caption">By Maria H. Park</h4>
                </div>
                <div class="item">
                    <img src="assets/img/i_portfolio_4.jpg">
                    <h4 class="caption">By Mai-Linh Ton</h4>
                </div>
                <div class="item">
                    <img src="assets/img/i_portfolio_5.jpg">
                    <h4 class="caption">By Mai-Linh Ton</h4>
                </div>
                <div class="item">
                    <img src="assets/img/i_portfolio_6.jpg">
                    <h4 class="caption">By Mai-Linh Ton</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>