<!DOCTYPE html>
<html>
<head>
<title>INPUT YOUR MESSAGE HERE - Welcome to World History Class!!</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<style>
@media all and (max-width: 320px) and (min-width:0px) {
/* Classes */
div.parent {
width:100%;
max-width:470px;
}
div.HeaderFooter {
float:left;
width:100%;
max-height:66px;
max-width:470px;
}
div.Image {
clear:both;
float:left;
width:30%;
max-height:220px;
max-width:160px;
}
div.MainText {
width:100%;
max-width:470px;
}
div.Call {
clear:both;
float:left;
width:50%;
max-height:66px;
max-width:235px;
}
div.Email {
float:right;
width:50%;
max-height:66px;
max-width:235;
}
div.Video {
clear:both;
float:left;
width:100%;
max-width:470px;
max-height:400px;
}
div.ChargesText {
clear:both;
float:left;
width:100%;
max-width:470px;
max-height:50px;
}
p.CenterText {
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
margin-top:0;
margin-bottom:0;
}
/* IDs */
#clear {
clear:left;
}
}
@media all and (max-width: 2000px) and (min-width:321px) {
/* Classes */
div.parent {
width:100%;
max-width:470px;
}
div.HeaderFooter {
float:left;
width:100%;
max-height:66px;
max-width:470px;
}
div.Image {
clear:both;
float:left;
width:30%;
max-height:220px;
max-width:160px;
}
div.MainText {
width:100%;
max-width:470px;
}
div.Call {
clear:both;
float:left;
width:50%;
max-height:66px;
max-width:235px;
}
div.Email {
float:right;
width:50%;
max-height:66px;
max-width:235;
}
div.Video {
clear:both;
float:left;
width:100%;
max-width:470px;
max-height:400px;
}
div.ChargesText {
clear:both;
float:left;
width:100%;
max-width:470px;
max-height:60px;
}
p.CenterText {
text-align:center;
font-family:Verdana, Geneva, sans-serif;
font-size:20px;
margin-top:0;
margin-bottom:0;
}
/* IDs */
#clear {
clear:left;
}
}
</style>
</head>
<body>
<div class="parent">
<div class="HeaderFooter">
<img src="http://learn.flvs.net/educator/common/Course/-Shared/TextSite/Graphics/lightbluetopbanner.PNG" width="100%">
</div>
<div class="Image">
<img width="100%" src="INPUT YOUR PICTURE LINK HERE - http://learn.flvs.net/educator/temp/mmitchell197/3088/TextSites/Day.jpg" alt="INPUT A DESCRIPTION OF YOUR PICTURE HERE - Kami Day Picture">
</div>
<div class="MainText">
<p class="CenterText">INPUT YOUR MESSAGE TO STUDENTS HERE - You are 80% done with the course. You are a FLVS ROCK STAR! Please call me today so that we can make a plan for your big finish! Mrs. Day </p>
</div>
<div class="Call">
<a href="tel:INPUT YOUR PHONE NUMBER HERE DO NOT USE SPACES, DASHES OR PERIODS - 8132980225"><img src="http://learn.flvs.net/educator/common/Course/-Shared/TextSite/Graphics/lightbluecallbutton.png" width="100%"></a>
</div>
<div class="Email">
<a href="mailto:INPUT YOUR EMAIL ADDRESS HERE - "><img src="http://learn.flvs.net/educator/common/Course/-Shared/TextSite/Graphics/lightblueemailbutton.png" width="100%"></a>
</div>
<div class="Video" id="clear">
<video width="100%" controls>
<source src="INPUT YOUR VIDEO LINK HERE - http://learn.flvs.net/educator/common/Course/-Shared/ToolsSite/TextSites/80CompleteVideoScience.mp4" type="video/mp4">
</video>
</div>
<div class="ChargesText" id="clear">
<p class="CenterText">*Data charges may apply depending on your cell phone's rate plan.</p>
</div>
<div class="HeaderFooter" id="clear">
<img src="http://learn.flvs.net/educator/common/Course/-Shared/TextSite/Graphics/lightbluebottombanner.PNG" width="100%">
</div>
</div>
</body>
</html>