Academy

<!
DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Colmar Academy</title>
<link href="https://fonts.googleapis.com/css2?family=Tajawal&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="/resources/css/style.css">
</head>
<body>

<nav>
<div class="left-nav">
<img src="/resources/images/ic-logo.svg" alt="Logo"> <h2>COLMAR<span
id="light">ACADEMY</span></h2>
</div>
<ul>
<li><a href="#">On Campus</a></li>
<li><a href="#">Online</a></li>
<li><a href="#">For Companies</a></li>
<li><a href="#">Sign In</a></li>
</ul>
<ul class="mobile">
<li><img src="/resources/images/ic-logo.svg" alt="Logo"></li>
<li><img class="mobile" src="/resources/images/ic-on-campus.svg"
alt=""></li>
<li><img class="mobile" src="/resources/images/ic-online.svg"
alt=""></li>
<li><img class="mobile" src="/resources/images/ic-login.svg"
alt=""></li>
</ul>
</nav>

<header>
<img src="/resources/images/banner.jpg" alt="Banner">
<div class="title">
<h1>Learn something <br>new everyday</h1>
<h2>Lorem ipsum dolor sit amet,<br> consectetur adipisicing elit.</h2>
<p id="button">Start Here</p>
</div>
</header>

<article>
<section class="sec-1">
<img src="/resources/images/information-main.jpg" alt="Info Main">
<h1>It doesn't hurt to keep practicing</h1>
<p>"Curabitur vitae libero in ipsum portitor consequat. Aliquam et
commodo lectus, nec consequat neque. Sed non accumsan urna. Phasellus sed consequat
ex. Etiam eget magna laoreet, efficitur dolor consequat, tristique ligula."</p>
<p id="emanuel">Emanuel, Sr Strategist at Hiring.com</p>
</section>
<aside class="info">
<div class="mono-info">
<img src="/resources/images/information-orientation.jpg"
alt="Orientation">
<div class="description">
<h2>Orientation Date</h2>
<p>Tue 10/11 & Wed 10/12: 8am-3pm</p>
<p><a href="#">Read more</a></p>
</div>
</div>
<img src="/resources/images/information-campus.jpg"
alt="Orientation">
<h2>Our Campus</h2>
<p>Find which camp is close by you</p>
</div>
</div>
<img src="/resources/images/information-guest-lecture.jpg"
alt="Orientation">
<h2>Our guest lecture</h2>
<p>Join a keynote with Oliver Sack <br>about music in medical
treatment</p>
</div>
</div>
</aside>
</article>
<article class="sec-2">
<h1>Start Learning</h1>
<div class="sec-2-container">
<div class="image-container">
<figure>
<img src="/resources/images/course-software.jpg" alt="Software
Engineering Course">
<figcaption><h2>Software engineering</h2>
<p>COURSES</p>
<p>Web Development, Mobile Development, iOT, APIs</p>
</figcaption>
</figure>
</div>
<figure>
<img src="/resources/images/course-computer-art.jpg"
alt="Computer Art">
<figcaption><h2>Computer art</h2>
<p>COURSES</p>
<p>Imagining & Design, Web Design, Motion Graphics & Visual
Effects, Computer Animation</p>
</figcaption>
</figure>
</div>
<figure>
<img src="/resources/images/course-design.jpg" alt="Design">
<figcaption><h2>Design</h2>
<p>COURSES</p>
<p>User Experience Design, User Research, Visual Design</p>
</figcaption>
</figure>
</div>
<figure>
<img src="/resources/images/course-data.jpg" alt="Data">
<figcaption><h2>Data</h2>
<p>COURSES</p>
<p>Data Science, Big Data, SQL, Data Visualization</p>
</figcaption>
</figure>
</div>
<figure>
<img src="/resources/images/course-business.jpg"
alt="Business">
<figcaption><h2>Business</h2>
<p>COURSES</p>
<p>Product Development, Business Development, Startup</p>
</figcaption>
</figure>
</div>
<figure>
<img src="/resources/images/course-marketing.jpg"
alt="Marketing">
<figcaption><h2>Marketing</h2>
<p>COURSES</p>
<p>Analytics, Content Marketing, Mobile Marketing</p>
</figcaption>
</figure>
</div>
</div>
</article>
<article class="sec-3">
<h1>Thesis Exhibit</h1>
<section class="sec-3-container">
<div class="video-container">
<figure>
<video autoplay loop muted>
<source src="/resources/videos/thesis.mp4"
type="video/mp4">
</video>
<figcaption>
<h2>Reimagine urban</h2>
<p>"Curabitur vitae libero in ipsum portitor consequat.
Aliquam et commodo lectus, nec consequat neque. Sed non accumsan urna. Phasellus
sed consequat ex. Etiam eget magna laoreet, efficitur dolor consequat, tristique
ligula."</p>
</figcaption>
</figure>
</div>
<div class="sec-3-info">
<div class="sec-3-mono-info">
<img src="/resources/images/thesis-fisma.jpg" alt="Thesis
Fisma">
<div class="desc">
<h2>Fisma: Design and Prototype</h2>
<p>Designer showcase of new prototype product</p>
</div>
</div>
<div class="sec-3-mono-info">
<img src="/resources/images/thesis-now-and-then.jpg"
alt="Thesis Now and Then">
<div class="desc">
<h2>Now and then</h2>
<p>Research study about New York</p>
</div>
</div>
</div>
</section>
</article>

<footer>
© 2016 Colmar Academy - All Rights Reserved
<ul>
<li><a href="#">Terms</a></li>
<li><a href="#">Privacy</a></li>
</ul>
</footer>
</body>
</html>

Academy

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Academy

Uploaded by

Copyright:

Available Formats

<!

You might also like