The school year has not begun for our students, so enjoy your summer while you still can. Classes will begin on September 6th.
If you need help with anything, Lupita will be more than willing to assist you.
Coming Soon
Coming Soon
Coming Soon
Coming Soon
Coming Soon
Coming Soon
Post by Lupita on Jan 10, 2014 16:01:41 GMT -5
[dohtml]<style type="text/css">
.instbkg { width: 500px; background-color: #fafafa; position: relative; min-height: 150px;}
.instbkg .instprof { position: absolute; top: -10px; left: 17px; width: 100px; padding: 5px; -moz-box-shadow: 2px 2px 2px #e7e7e7; -webkit-box-shadow: 2px 2px 2px #e7e7e7; box-shadow: 2px 2px 2px #e7e7e7; -o-box-shadow: 2px 2px 2px #e7e7e7; -ms-box-shadow: 2px 2px 2px #e7e7e7; background-color: #fff; border-radius: 5%;}
.instbut { width: 98px; background-image: -moz-linear-gradient(bottom, #42749d, #6c95b5); background-image: -webkit-gradient(linear, left bottom, left top, from(#42749d), to(#6c95b5)); font-family: 'Source Sans Pro', sans-serif; font-size: 10px; text-align: center; text-transform: capitalize; color: #fff; padding-top: 10px; padding-bottom: 10px; border-radius: 5%; font-weight: bold; margin-top: 5px; border: 1px solid #1c5380;}
.instu { font-family: 'Source Sans Pro', sans-serif; font-size: 12px; text-transform: lowercase; text-align: center; color: #fff; text-shadow: 1px 1px 1px #555; font-weight: bold; display: inline-block; padding-left: 5px; }
.instbkg .instname { position: absolute; left: 135px; top: 20px; font-family: 'Source Sans Pro', sans-serif; font-size: 30px; line-height: 90%; color: #222; text-align: left; font-weight: bold; }
.instname>p:first-line { font-size: 20px; line-height: 30%; font-weight: lighter;}
.instbkg .instpropsb { width: 200px; border: 1px solid #ccc; position: absolute; left: 295px; top: 20px; border-radius: 5px; background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9); background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); -moz-box-shadow: 2px 2px 2px #e7e7e7; -webkit-box-shadow: 2px 2px 2px #e7e7e7; box-shadow: 2px 2px 2px #e7e7e7; -o-box-shadow: 2px 2px 2px #e7e7e7; -ms-box-shadow: 2px 2px 2px #e7e7e7; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: #222; text-align: center; text-transform: lowercase; line-height: 100%; font-weight: bold; padding-bottom: 10px;}
.instpropsb .instprops { width: 66px; position: relative; left: 2px; top: 5px;}
.instpropsb .instprops1 { width: 66px; position: absolute; left: 65px; top: 5px;}
.instpropsb .instprops2 { width: 66px; position: absolute; left: 131px; top: 5px;}
.instcap { width: 380px; padding: 10px 10px 30px 10px; background-color: #fafafa; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: #666; line-height: 100%; text-align: left; border-radius: 0px 0px 5px 5px; -moz-box-shadow: 2px 2px 2px #e7e7e7; -webkit-box-shadow: 2px 2px 2px #e7e7e7; box-shadow: 2px 2px 2px #e7e7e7; -o-box-shadow: 2px 2px 2px #e7e7e7; -ms-box-shadow: 2px 2px 2px #e7e7e7; }
.instp { width: 400px; padding: 10px; background-color: #dcddde; border: 1px solid #c3c4c5; }
</style>
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200' rel='stylesheet' type='text/css'>
<center><div style="width: 500px; height: 19px; background-image: url(http://i.imgur.com/blRbsW4.png);"><table cellpadding="0" cellspacing="0"><td><div style="width: 370px;"></div></td><td>
<img src="http://placehold.it/50" width="15"/>
<div class="instu">
username
</div></td></table></div><table cellpadding="0" cellspacing="0"><td><div style="width: 100px; height: 100px;
background-image: url(http://placehold.it/100);
"></div><div style="height: 99px; width: 100px;
background-image: url(http://placehold.it/100);
margin-top: 1px;"></div></td><td><div style="height: 200px; width: 199px;
background-image: url(http://placehold.it/200);
margin-left: 1px;"></div></td><td><div style="width: 99px; height: 100px;
background-image: url(http://placehold.it/100);
margin-left: 1px;"></div><div style="height: 99px; width: 99px; background-image: url(http://placehold.it/100);
margin-top: 1px; margin-left: 1px;"></div></td><td><div style="width: 99px; height: 100px;
background-image: url(http://placehold.it/100);
margin-left: 1px;"></div><div style="height: 99px; width: 99px;
background-image: url(http://placehold.it/100);
margin-top: 1px; margin-left: 1px;"></div></td></table><div class="instbkg">
<div class="instprof">
<div style="width: 100px; height: 100px;
background-image: url(http://placehold.it/100);
border-radius: 5%;"></div>
<a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=125"><div class="instbut">edit profile</div></a>
</div>
<div class="instname">
username
<p>
first last
</div>
<div class="instpropsb">
<div class="instprops">
40<br>
<font style="color: #677; font-weight: lighter;">posts</font>
</div>
<div class="instprops1">
8<br>
<font style="color: #677; font-weight: lighter;">followers</font>
</div>
<div class="instprops2">
2<br>
<font style="color: #677; font-weight: lighter;">following</font>
</div>
</div>
</div></center>[/dohtml]