comingsoon.html

﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Yitong' Site</title>
<link rel="stylesheet" href="ionicons/2.0.1/css/ionicons.min.css">
<link rel="shortcut icon" type="images/x-icon" href="images/logo.png">
<link href="https://fonts.googleapis.com/css?family=Montserrat|Play" rel="stylesheet">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
	<style>
		.containerr {
			width: 40%;
			margin: 0 auto;
			padding: 10px;
			
		}
	</style>
<!-- HEADER -->
<header>
	<nav class="main-nav">
		<div class="container">
			<div class="row">
				<div class="col-1-4">
					<h1 class="logo"><a href="index.html">       Yitong's Site</a>
						<img src="images/logo.png" alt="">
					</h1>
				</div>
				<div class="col-3-4">
					<ul id="menu" class="main-menu">
						<li><a href="index.html">Project</a></li>
						<li><a href="darkroom.html">Darkroom</a></li>
						<li><a href="resume.pdf">Resume/CV</a></li>
						<li><a href="about.html">About</a></li>
					</ul>
				</div>
			</div>
		</div>
	</nav>

	<!-- HERO IMG -->
	<div class='container'>
		<img src="images/shopify.png" >
	</div>
	<div class='containerr'>
		<img src="images/sho2.png" >
	</div>
	<div class='container'>
		<img src="images/shopify2.png" >
	</div>
	<div class='containerr'><img src="images/app.gif" ></div>
</header>

<!-- SCRIPTS -->
<script src="js/jquery.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/app.js"></script>
</body>
</html>