Megan Charles teethnclaws

DevTips - Floats

	<!doctype html>
	<html>
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Font Stuff</title>
	<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	</head>

	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Zayn Designs</title>
	</head>
	<body>

	<div id="con">

	<div id="startscreen">
	<div id="title">this is a title</div>
	<div id="triangle-down"></div>
	<div id="triangle-up"></div>
	<button id="button">⟷</button>
	</div>

	<div id="menuContent">
	<ul>
	<li><a href=".section1">Menu 1</a></li>

	<div class="wrapper">

	<div class="left">
	<div class="front">
	<div class="sectionWrap">
	<h1>Title</h1>
	<hr>
	<p class="preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
	<button class="openB"><p>read more...</p></button>
	</div>

	<!-- Begin MailChimp Signup Form -->
	<div id="mc_embed_signup">

	<form action="#PUT-IN-URL" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline" target="_blank" novalidate>
	<div id="mc_embed_signup_scroll">
	<div class="mc-field-group form-group">
	<label for="mce-FNAME" class="sr-only">First Name </label>
	<input type="text" value="" name="FNAME" class="form-control" id="mce-FNAME" placeholder="First Name">
	</div>
	<div class="mc-field-group form-group">