Difference between revisions of "Team:Stony Brook"

(Replaced content with "{{Stony Brook}}")
Line 1: Line 1:
−
{{Stony Brook}}
+
<html>
 +
<!--
 +
Design by TEMPLATED
 +
http://templated.co
 +
Released for free under the Creative Commons Attribution License
 +
 
 +
Name      : Embellished
 +
Description: A two-column, fixed-width design with dark color scheme.
 +
Version    : 1.0
 +
Released  : 20140207
 +
 
 +
-->
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title></title>
 +
<meta name="keywords" content="" />
 +
<meta name="description" content="" />
 +
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
 +
<link href="default.css" rel="stylesheet" type="text/css" media="all" />
 +
<link href="fonts.css" rel="stylesheet" type="text/css" media="all" />
 +
 
 +
<!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
 +
 
 +
</head>
 +
<body>
 +
<div id="wrapper1">
 +
<div id="header-wrapper">
 +
<div id="header" class="container">
 +
<div id="logo"> <span class="icon icon-cogs"></span>
 +
<h1><a href="#">Embellished</a></h1>
 +
<span>Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a></span> </div>
 +
<div id="menu">
 +
<ul>
 +
<li class="current_page_item"><a href="#" accesskey="1" title="">Homepage</a></li>
 +
<li><a href="#" accesskey="2" title="">Our Clients</a></li>
 +
<li><a href="#" accesskey="3" title="">About Us</a></li>
 +
<li><a href="#" accesskey="4" title="">Careers</a></li>
 +
<li><a href="#" accesskey="5" title="">Contact Us</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="wrapper2">
 +
<div id="welcome" class="container">
 +
<div class="title">
 +
<h2>Welcome to our website</h2>
 +
</div>
 +
<p>This is <strong>Embellished</strong>, a free, fully standards-compliant CSS template designed by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>. The photos in this template are from <a href="http://fotogrph.com/"> Fotogrph</a>. This free template is released under the <a href="http://templated.co/license">Creative Commons Attribution</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :) </p>
 +
</div>
 +
</div>
 +
<div id="wrapper3">
 +
<div id="portfolio" class="container">
 +
<div class="title">
 +
<h2>Vivamus fermentum nibh</h2>
 +
<span class="byline">Integer sit amet pede vel arcu aliquet pretium</span> </div>
 +
<div class="column1">
 +
<div class="box">
 +
<span class="icon icon-wrench"></span>
 +
<h3>Vestibulum venenatis</h3>
 +
<p>Fermentum nibh augue praesent a lacus at urna congue rutrum.</p>
 +
<a href="#" class="button button-small">Etiam posuere</a> </div>
 +
</div>
 +
<div class="column2">
 +
<div class="box">
 +
<span class="icon icon-trophy"></span>
 +
<h3>Praesent scelerisque</h3>
 +
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
 +
<a href="#" class="button button-small">Etiam posuere</a> </div>
 +
</div>
 +
<div class="column3">
 +
<div class="box">
 +
<span class="icon icon-key"></span>
 +
<h3>Donec dictum metus</h3>
 +
<p>Vivamus fermentum nibh in augue praesent urna congue rutrum.</p>
 +
<a href="#" class="button button-small">Etiam posuere</a> </div>
 +
</div>
 +
<div class="column4">
 +
<div class="box">
 +
<span class="icon icon-lock"></span>
 +
<h3>Mauris vulputate dolor</h3>
 +
<p>Rutrum fermentum nibh in augue praesent urna congue rutrum.</p>
 +
<a href="#" class="button button-small">Etiam posuere</a> </div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div id="footer" class="container">
 +
<div class="title">
 +
<h2>Get in touch</h2>
 +
<span class="byline">Phasellus nec erat sit amet nibh pellentesque congue</span> </div>
 +
<ul class="contact">
 +
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
 +
<li><a href="#" class="icon icon-facebook"><span></span></a></li>
 +
<li><a href="#" class="icon icon-dribbble"><span>Pinterest</span></a></li>
 +
<li><a href="#" class="icon icon-tumblr"><span>Google+</span></a></li>
 +
<li><a href="#" class="icon icon-rss"><span>Pinterest</span></a></li>
 +
</ul>
 +
</div>
 +
<div id="copyright" class="container">
 +
<p>&copy; Untitled. All rights reserved. | Photos by <a href="http://fotogrph.com/">Fotogrph</a> | Design by <a href="http://templated.co" rel="nofollow">TEMPLATED</a>.</p>
 +
</div>
 +
</body>
 +
<style>
 +
html, body
 +
{
 +
height: 100%;
 +
}
 +
 +
body
 +
{
 +
margin: 0px;
 +
padding: 0px;
 +
background: #1B1B1B url(images/overlay.png) repeat;
 +
font-family: 'Varela Round', sans-serif;
 +
font-size: 11pt;
 +
font-weight: 400;
 +
color: #000000;
 +
}
 +
 +
 +
h1, h2, h3
 +
{
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
p, ol, ul
 +
{
 +
margin-top: 0;
 +
}
 +
 +
ol, ul
 +
{
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
p
 +
{
 +
line-height: 180%;
 +
}
 +
 +
strong
 +
{
 +
}
 +
 +
a
 +
{
 +
color: #0000FF;
 +
}
 +
 +
a:hover
 +
{
 +
text-decoration: none;
 +
}
 +
 +
 
 +
.container
 +
{
 +
margin: 0px auto;
 +
width: 1200px;
 +
}
 +
 +
 
 +
/*********************************************************************************/
 +
/* Form Style                                                                    */
 +
/*********************************************************************************/
 +
 
 +
form
 +
{
 +
}
 +
 +
form label
 +
{
 +
display: block;
 +
text-align: left;
 +
margin-bottom: 0.5em;
 +
}
 +
 +
form .submit
 +
{
 +
margin-top: 2em;
 +
background: #67128F;
 +
border-radius: 8px;
 +
line-height: 1.5em;
 +
font-size: 1.3em;
 +
}
 +
 +
form input.text,
 +
form select,
 +
form textarea
 +
{
 +
position: relative;
 +
-webkit-appearance: none;
 +
display: block;
 +
border: 0;
 +
background: #fff;
 +
background: rgba(255,255,255,0.75);
 +
width: 100%;
 +
border-radius: 0.50em;
 +
margin: 1em 0em;
 +
padding: 1.50em 1em;
 +
box-shadow: inset 0 0.1em 0.1em 0 rgba(0,0,0,0.05);
 +
border: solid 1px rgba(0,0,0,0.15);
 +
-moz-transition: all 0.35s ease-in-out;
 +
-webkit-transition: all 0.35s ease-in-out;
 +
-o-transition: all 0.35s ease-in-out;
 +
-ms-transition: all 0.35s ease-in-out;
 +
transition: all 0.35s ease-in-out;
 +
font-family: 'Source Sans Pro', sans-serif;
 +
font-size: 1em;
 +
outline: none;
 +
}
 +
 
 +
form input.text:hover,
 +
form select:hover,
 +
form textarea:hover
 +
{
 +
}
 +
 
 +
form input.text:focus,
 +
form select:focus,
 +
form textarea:focus
 +
{
 +
box-shadow: 0 0 2px 1px #E0E0E0;
 +
background: #fff;
 +
}
 +
 +
form textarea
 +
{
 +
min-height: 12em;
 +
}
 +
 
 +
form .formerize-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 
 +
form ::-webkit-input-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 
 +
form :-moz-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 
 +
form ::-moz-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 
 +
form :-ms-input-placeholder
 +
{
 +
color: #555 !important;
 +
}
 +
 
 +
form ::-moz-focus-inner
 +
{
 +
border: 0;
 +
}
 +
 
 +
 
 +
/*********************************************************************************/
 +
/* Image Style                                                                  */
 +
/*********************************************************************************/
 +
 
 +
.image
 +
{
 +
display: inline-block;
 +
border: 1px solid rgba(0,0,0,.1);
 +
}
 +
 +
.image img
 +
{
 +
display: block;
 +
width: 100%;
 +
}
 +
 +
.image-full
 +
{
 +
display: block;
 +
width: 100%;
 +
margin: 0 0 3em 0;
 +
}
 +
 +
.image-left
 +
{
 +
float: left;
 +
margin: 0 2em 2em 0;
 +
}
 +
 +
.image-centered
 +
{
 +
display: block;
 +
margin: 0 0 2em 0;
 +
}
 +
 +
.image-centered img
 +
{
 +
margin: 0 auto;
 +
width: auto;
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* List Styles                                                                  */
 +
/*********************************************************************************/
 +
 
 +
ul.style1
 +
{
 +
}
 +
 
 +
 
 +
/*********************************************************************************/
 +
/* Social Icon Styles                                                            */
 +
/*********************************************************************************/
 +
 
 +
ul.contact
 +
{
 +
margin: 0;
 +
padding: 1em 0em 0em 0em;
 +
list-style: none;
 +
}
 +
 +
ul.contact li
 +
{
 +
display: inline-block;
 +
padding: 0em 0.20em;
 +
font-size: 1.2em;
 +
}
 +
 +
ul.contact li span
 +
{
 +
display: none;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
ul.contact li a
 +
{
 +
color: rgba(255,255,255,1);
 +
}
 +
 +
ul.contact li a:before
 +
{
 +
display: inline-block;
 +
width: 60px;
 +
height: 60px;
 +
line-height: 60px;
 +
background: #6C2A6A;
 +
border-radius: 30px;
 +
text-align: center;
 +
}
 +
 +
 
 +
/*********************************************************************************/
 +
/* Button Style                                                                  */
 +
/*********************************************************************************/
 +
 
 +
.button
 +
{
 +
display: inline-block;
 +
margin-top: 2em;
 +
padding: 0.6em 1em;
 +
background: #6C2A6A;
 +
border-radius: 4px;
 +
line-height: 1.8em;
 +
text-decoration: none;
 +
font-weight: 400;
 +
font-size: 1.2em;
 +
color: #FFF;
 +
}
 +
 +
.button:before
 +
{
 +
display: inline-block;
 +
background: #8DCB89;
 +
margin-right: 1em;
 +
width: 40px;
 +
height: 40px;
 +
line-height: 40px;
 +
border-radius: 20px;
 +
text-align: center;
 +
color: #272925;
 +
}
 +
 +
.button-small
 +
{
 +
}
 +
 +
/*********************************************************************************/
 +
/* Heading Titles                                                                */
 +
/*********************************************************************************/
 +
 
 +
.title
 +
{
 +
margin-bottom: 3em;
 +
}
 +
 +
.title h2
 +
{
 +
font-size: 2.8em;
 +
color: #261300;
 +
}
 +
 +
.title .byline
 +
{
 +
letter-spacing: 0.15em;
 +
text-transform: uppercase;
 +
font-weight: 400;
 +
font-size: 1.1em;
 +
color: #6F6F6F;
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Header                                                                        */
 +
/*********************************************************************************/
 +
 
 +
#header-wrapper
 +
{
 +
overflow: hidden;
 +
padding: 5em 0em;
 +
}
 +
 
 +
#header
 +
{
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Logo                                                                          */
 +
/*********************************************************************************/
 +
 
 +
#logo
 +
{
 +
padding: 5em 0em;
 +
text-align: center;
 +
}
 +
 +
#logo h1
 +
{
 +
font-size: 3.5em;
 +
}
 +
 +
 +
#logo h1 a
 +
{
 +
color: #6C2A6A;
 +
}
 +
 
 +
#logo a
 +
{
 +
text-decoration: none;
 +
}
 +
 +
#logo span
 +
{
 +
letter-spacing: 0.10em;
 +
text-transform: uppercase;
 +
font-size: 0.90em;
 +
color: #3C3C3C;
 +
}
 +
 
 +
#logo span a
 +
{
 +
color: #3C3C3C;
 +
}
 +
 +
#logo .icon
 +
{
 +
display: inline-block;
 +
margin-bottom: 2em;
 +
padding: 1em;
 +
background: #6C2A6A;
 +
border-radius: 50%;
 +
font-size: 1.6em;
 +
color: #FFF;
 +
}
 +
 +
 
 +
/*********************************************************************************/
 +
/* Menu                                                                          */
 +
/*********************************************************************************/
 +
 
 +
#menu
 +
{
 +
}
 +
 +
#menu ul
 +
{
 +
text-align: center;
 +
}
 +
 +
#menu li
 +
{
 +
display: inline-block;
 +
}
 +
 +
#menu li a, #menu li span
 +
{
 +
display: inline-block;
 +
margin-left: 0.50em;
 +
padding: 1em 1.5em;
 +
letter-spacing: 0.20em;
 +
text-decoration: none;
 +
font-size: 0.90em;
 +
font-weight: 600;
 +
text-transform: uppercase;
 +
outline: 0;
 +
color: #3C3C3C;
 +
}
 +
 +
#menu li:hover a, #menu li.active a, #menu li.active span
 +
{
 +
}
 +
 +
#menu .current_page_item a
 +
{
 +
border: 1px solid #3C3C3C;
 +
border-radius: 4px;
 +
}
 +
 +
 
 +
/*********************************************************************************/
 +
/* Banner                                                                        */
 +
/*********************************************************************************/
 +
 
 +
#banner
 +
{
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Wrapper                                                                      */
 +
/*********************************************************************************/
 +
 
 +
#wrapper1
 +
{
 +
background: #FFF;
 +
}
 +
 
 +
#wrapper2
 +
{
 +
background: #6C2A6A;
 +
}
 +
 
 +
#wrapper3
 +
{
 +
overflow: hidden;
 +
padding: 0em 0em 8em 0em;
 +
background: #FFF;
 +
}
 +
 +
#wrapper4
 +
{
 +
overflow: hidden;
 +
padding: 8em 0em 4em 0em;
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Welcome                                                                      */
 +
/*********************************************************************************/
 +
 
 +
#welcome
 +
{
 +
overflow: hidden;
 +
width: 1000px;
 +
padding: 8em 100px 8em 100px;
 +
text-align: center;
 +
color: rgba(255,255,255,0.4);
 +
}
 +
 +
#welcome .content
 +
{
 +
padding: 0em 8em;
 +
}
 +
 +
#welcome .title h2
 +
{
 +
color: rgba(255,255,255,1);
 +
}
 +
 +
#welcome a,
 +
#welcome strong
 +
{
 +
color: rgba(255,255,255,0.6);
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Page                                                                          */
 +
/*********************************************************************************/
 +
 
 +
#page
 +
{
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Content                                                                      */
 +
/*********************************************************************************/
 +
 
 +
#content
 +
{
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Sidebar                                                                      */
 +
/*********************************************************************************/
 +
 
 +
#sidebar
 +
{
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Footer                                                                        */
 +
/*********************************************************************************/
 +
 
 +
#footer
 +
{
 +
padding: 8em 0em 5em 0em;
 +
text-align: center;
 +
}
 +
 
 +
 +
#footer .title h2
 +
{
 +
color: rgba(255,255,255,1);
 +
}
 +
 
 +
 
 +
#footer .title .byline
 +
{
 +
letter-spacing: normal;
 +
text-transform: capitalize;
 +
font-size: 1.6em;
 +
color: rgba(255,255,255,0.2);
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Copyright                                                                    */
 +
/*********************************************************************************/
 +
 
 +
#copyright
 +
{
 +
overflow: hidden;
 +
padding: 5em 0em;
 +
border-top: 1px solid rgba(255,255,255,0.08);
 +
}
 +
 +
#copyright p
 +
{
 +
text-align: center;
 +
color: rgba(255,255,255,0.2);
 +
}
 +
 +
#copyright a
 +
{
 +
text-decoration: none;
 +
color: rgba(255,255,255,0.4);
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Newsletter                                                                    */
 +
/*********************************************************************************/
 +
 
 +
#newsletter
 +
{
 +
overflow: hidden;
 +
padding: 8em 0em;
 +
background: #EDEDED;
 +
text-align: center;
 +
}
 +
 +
#newsletter .title h2
 +
{
 +
color: rgba(0,0,0,0.8);
 +
}
 +
 +
#newsletter .content
 +
{
 +
width: 600px;
 +
margin: 0px auto;
 +
}
 +
 +
/*********************************************************************************/
 +
/* Portfolio                                                                    */
 +
/*********************************************************************************/
 +
 
 +
#portfolio
 +
{
 +
padding-top: 8em;
 +
}
 +
 +
#portfolio .box
 +
{
 +
text-align: center;
 +
color: rgba(0,0,0,0.7);
 +
}
 +
 +
#portfolio h3
 +
{
 +
display: block;
 +
padding-bottom: 1em;
 +
text-transform: uppercase;
 +
font-size: 1em;
 +
color: rgba(0,0,0,0.9);
 +
}
 +
 
 +
#portfolio .title
 +
{
 +
margin-bottom: 5em;
 +
text-align: center;
 +
}
 +
 
 +
#portfolio .title h2
 +
{
 +
color: rgba(0,0,0,0.8);
 +
}
 +
 
 +
#portfolio .title .byline
 +
{
 +
letter-spacing: normal;
 +
text-transform: capitalize;
 +
font-size: 1.6em;
 +
color: rgba(0,0,0,0.6);
 +
}
 +
 +
#portfolio .icon
 +
{
 +
display: inline-block;
 +
margin-bottom: 2em;
 +
font-size: 1.6em;
 +
color: rgba(0,0,0,0.8);
 +
}
 +
 
 +
.column1,
 +
.column2,
 +
.column3,
 +
.column4
 +
{
 +
width: 282px;
 +
}
 +
 +
.column1,
 +
.column2,
 +
.column3
 +
{
 +
float: left;
 +
margin-right: 24px;
 +
}
 +
 +
.column4
 +
{
 +
float: right;
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Three Columns                                                                */
 +
/*********************************************************************************/
 +
 
 +
#three-column
 +
{
 +
overflow: hidden;
 +
padding-bottom: 4em;
 +
text-align: center;
 +
}
 +
 +
#three-column h2
 +
{
 +
margin: 1em 0em;
 +
text-transform: uppercase;
 +
font-size: 1.5em;
 +
font-weight: 700;
 +
}
 +
 +
#three-column .icon
 +
{
 +
position: relative;
 +
display: block;
 +
margin: 0px auto 0.80em auto;
 +
line-height: 150px;
 +
font-size: 4em;
 +
width: 150px;
 +
height: 150px;
 +
border-radius: 100px;
 +
text-align: center;
 +
color: #632F00;
 +
 +
}
 +
 +
#three-column #tbox1,
 +
#three-column #tbox2,
 +
#three-column #tbox3
 +
{
 +
float: left;
 +
width: 320px;
 +
padding: 80px 40px 80px 40px;
 +
}
 +
 +
#three-column .title
 +
{
 +
letter-spacing: 0.10em;
 +
text-align: center;
 +
text-transform: uppercase;
 +
}
 +
 +
#three-column .title h2
 +
{
 +
font-size: 1.60em;
 +
font-weight: 900;
 +
font-family: 'Open Sans', sans-serif;
 +
color: #261300;
 +
}
 +
 +
#three-column .title .byline
 +
{
 +
padding-top: 0.50em;
 +
font-size: 0.90em;
 +
color: #858585;
 +
}
 +
 
 +
#three-column .arrow-down
 +
{
 +
border-top-color: #292929;
 +
}
 +
@charset 'UTF-8';
 +
 
 +
@font-face
 +
{
 +
font-family: 'FontAwesome';
 +
src: url('fonts/fontawesome-webfont.eot?v=3.0.1');
 +
src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
 +
    url('fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
 +
    url('fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'),
 +
    url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
 +
font-weight: normal;
 +
font-style: normal;
 +
}
 +
 
 +
@font-face
 +
{
 +
font-family: 'Font-Awesome-Social';
 +
src: url('fonts/fontawesome-social-webfont.eot');
 +
src: url('fonts/fontawesome-social-webfont.eot?#iefix') format('embedded-opentype'),
 +
    url('fonts/fontawesome-social-webfont.woff') format('woff'),
 +
url('fonts/fontawesome-social-webfont.ttf') format('truetype'),
 +
url('fonts/fontawesome-social-webfont.svg#Font-Awesome-More') format('svg');
 +
font-weight: normal;
 +
font-style: normal;
 +
}
 +
 
 +
/*********************************************************************************/
 +
/* Icons                                                                        */
 +
/*********************************************************************************/
 +
 
 +
/*
 +
Powered by:
 +
 +
Font Awesome (http://fortawesome.github.com/Font-Awesome/)
 +
Font Awesome More (http://gregoryloucas.github.com/Font-Awesome-More/)
 +
*/
 +
 
 +
.icon
 +
{
 +
text-decoration: none;
 +
}
 +
 
 +
.icon:before
 +
{
 +
font-size: 1.25em;
 +
text-decoration: none;
 +
font-family: FontAwesome;
 +
font-weight: normal;
 +
font-style: normal;
 +
-webkit-text-rendering: optimizeLegibility;
 +
-moz-text-rendering: optimizeLegibility;
 +
-ms-text-rendering: optimizeLegibility;
 +
-o-text-rendering: optimizeLegibility;
 +
text-rendering: optimizeLegibility;
 +
-webkit-font-smoothing: antialiased;
 +
-moz-font-smoothing: antialiased;
 +
-ms-font-smoothing: antialiased;
 +
-o-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
-webkit-font-feature-settings: "liga" 1, "dlig" 1;
 +
-moz-font-feature-settings: "liga=1, dlig=1";
 +
-ms-font-feature-settings: "liga" 1, "dlig" 1;
 +
-o-font-feature-settings: "liga" 1, "dlig" 1;
 +
font-feature-settings: "liga" 1, "dlig" 1;
 +
}
 +
 
 +
.icon-glass:before                { content: "\f000"; }
 +
.icon-music:before                { content: "\f001"; }
 +
.icon-search:before              { content: "\f002"; }
 +
.icon-envelope:before            { content: "\f003"; }
 +
.icon-heart:before                { content: "\f004"; }
 +
.icon-star:before                { content: "\f005"; }
 +
.icon-star-empty:before          { content: "\f006"; }
 +
.icon-user:before                { content: "\f007"; }
 +
.icon-film:before                { content: "\f008"; }
 +
.icon-th-large:before            { content: "\f009"; }
 +
.icon-th:before                  { content: "\f00a"; }
 +
.icon-th-list:before              { content: "\f00b"; }
 +
.icon-ok:before                  { content: "\f00c"; }
 +
.icon-remove:before              { content: "\f00d"; }
 +
.icon-zoom-in:before              { content: "\f00e"; }
 +
 
 +
.icon-zoom-out:before            { content: "\f010"; }
 +
.icon-off:before                  { content: "\f011"; }
 +
.icon-signal:before              { content: "\f012"; }
 +
.icon-cog:before                  { content: "\f013"; }
 +
.icon-trash:before                { content: "\f014"; }
 +
.icon-home:before                { content: "\f015"; }
 +
.icon-file:before                { content: "\f016"; }
 +
.icon-time:before                { content: "\f017"; }
 +
.icon-road:before                { content: "\f018"; }
 +
.icon-download-alt:before        { content: "\f019"; }
 +
.icon-download:before            { content: "\f01a"; }
 +
.icon-upload:before              { content: "\f01b"; }
 +
.icon-inbox:before                { content: "\f01c"; }
 +
.icon-play-circle:before          { content: "\f01d"; }
 +
.icon-repeat:before              { content: "\f01e"; }
 +
 
 +
/* \f020 doesn't work in Safari. all shifted one down */
 +
.icon-refresh:before              { content: "\f021"; }
 +
.icon-list-alt:before            { content: "\f022"; }
 +
.icon-lock:before                { content: "\f023"; }
 +
.icon-flag:before                { content: "\f024"; }
 +
.icon-headphones:before          { content: "\f025"; }
 +
.icon-volume-off:before          { content: "\f026"; }
 +
.icon-volume-down:before          { content: "\f027"; }
 +
.icon-volume-up:before            { content: "\f028"; }
 +
.icon-qrcode:before              { content: "\f029"; }
 +
.icon-barcode:before              { content: "\f02a"; }
 +
.icon-tag:before                  { content: "\f02b"; }
 +
.icon-tags:before                { content: "\f02c"; }
 +
.icon-book:before                { content: "\f02d"; }
 +
.icon-bookmark:before            { content: "\f02e"; }
 +
.icon-print:before                { content: "\f02f"; }
 +
 
 +
.icon-camera:before              { content: "\f030"; }
 +
.icon-font:before                { content: "\f031"; }
 +
.icon-bold:before                { content: "\f032"; }
 +
.icon-italic:before              { content: "\f033"; }
 +
.icon-text-height:before          { content: "\f034"; }
 +
.icon-text-width:before          { content: "\f035"; }
 +
.icon-align-left:before          { content: "\f036"; }
 +
.icon-align-center:before        { content: "\f037"; }
 +
.icon-align-right:before          { content: "\f038"; }
 +
.icon-align-justify:before        { content: "\f039"; }
 +
.icon-list:before                { content: "\f03a"; }
 +
.icon-indent-left:before          { content: "\f03b"; }
 +
.icon-indent-right:before        { content: "\f03c"; }
 +
.icon-facetime-video:before      { content: "\f03d"; }
 +
.icon-picture:before              { content: "\f03e"; }
 +
 
 +
.icon-pencil:before              { content: "\f040"; }
 +
.icon-map-marker:before          { content: "\f041"; }
 +
.icon-adjust:before              { content: "\f042"; }
 +
.icon-tint:before                { content: "\f043"; }
 +
.icon-edit:before                { content: "\f044"; }
 +
.icon-share:before                { content: "\f045"; }
 +
.icon-check:before                { content: "\f046"; }
 +
.icon-move:before                { content: "\f047"; }
 +
.icon-step-backward:before        { content: "\f048"; }
 +
.icon-fast-backward:before        { content: "\f049"; }
 +
.icon-backward:before            { content: "\f04a"; }
 +
.icon-play:before                { content: "\f04b"; }
 +
.icon-pause:before                { content: "\f04c"; }
 +
.icon-stop:before                { content: "\f04d"; }
 +
.icon-forward:before              { content: "\f04e"; }
 +
 
 +
.icon-fast-forward:before        { content: "\f050"; }
 +
.icon-step-forward:before        { content: "\f051"; }
 +
.icon-eject:before                { content: "\f052"; }
 +
.icon-chevron-left:before        { content: "\f053"; }
 +
.icon-chevron-right:before        { content: "\f054"; }
 +
.icon-plus-sign:before            { content: "\f055"; }
 +
.icon-minus-sign:before          { content: "\f056"; }
 +
.icon-remove-sign:before          { content: "\f057"; }
 +
.icon-ok-sign:before              { content: "\f058"; }
 +
.icon-question-sign:before        { content: "\f059"; }
 +
.icon-info-sign:before            { content: "\f05a"; }
 +
.icon-screenshot:before          { content: "\f05b"; }
 +
.icon-remove-circle:before        { content: "\f05c"; }
 +
.icon-ok-circle:before            { content: "\f05d"; }
 +
.icon-ban-circle:before          { content: "\f05e"; }
 +
 
 +
.icon-arrow-left:before          { content: "\f060"; }
 +
.icon-arrow-right:before          { content: "\f061"; }
 +
.icon-arrow-up:before            { content: "\f062"; }
 +
.icon-arrow-down:before          { content: "\f063"; }
 +
.icon-share-alt:before            { content: "\f064"; }
 +
.icon-resize-full:before          { content: "\f065"; }
 +
.icon-resize-small:before        { content: "\f066"; }
 +
.icon-plus:before                { content: "\f067"; }
 +
.icon-minus:before                { content: "\f068"; }
 +
.icon-asterisk:before            { content: "\f069"; }
 +
.icon-exclamation-sign:before    { content: "\f06a"; }
 +
.icon-gift:before                { content: "\f06b"; }
 +
.icon-leaf:before                { content: "\f06c"; }
 +
.icon-fire:before                { content: "\f06d"; }
 +
.icon-eye-open:before            { content: "\f06e"; }
 +
 
 +
.icon-eye-close:before            { content: "\f070"; }
 +
.icon-warning-sign:before        { content: "\f071"; }
 +
.icon-plane:before                { content: "\f072"; }
 +
.icon-calendar:before            { content: "\f073"; }
 +
.icon-random:before              { content: "\f074"; }
 +
.icon-comment:before              { content: "\f075"; }
 +
.icon-magnet:before              { content: "\f076"; }
 +
.icon-chevron-up:before          { content: "\f077"; }
 +
.icon-chevron-down:before        { content: "\f078"; }
 +
.icon-retweet:before              { content: "\f079"; }
 +
.icon-shopping-cart:before        { content: "\f07a"; }
 +
.icon-folder-close:before        { content: "\f07b"; }
 +
.icon-folder-open:before          { content: "\f07c"; }
 +
.icon-resize-vertical:before      { content: "\f07d"; }
 +
.icon-resize-horizontal:before    { content: "\f07e"; }
 +
 
 +
.icon-bar-chart:before            { content: "\f080"; }
 +
.icon-twitter-sign:before        { content: "\f081"; }
 +
.icon-facebook-sign:before        { content: "\f082"; }
 +
.icon-camera-retro:before        { content: "\f083"; }
 +
.icon-key:before                  { content: "\f084"; }
 +
.icon-cogs:before                { content: "\f085"; }
 +
.icon-comments:before            { content: "\f086"; }
 +
.icon-thumbs-up:before            { content: "\f087"; }
 +
.icon-thumbs-down:before          { content: "\f088"; }
 +
.icon-star-half:before            { content: "\f089"; }
 +
.icon-heart-empty:before          { content: "\f08a"; }
 +
.icon-signout:before              { content: "\f08b"; }
 +
.icon-linkedin-sign:before        { content: "\f08c"; }
 +
.icon-pushpin:before              { content: "\f08d"; }
 +
.icon-external-link:before        { content: "\f08e"; }
 +
 
 +
.icon-signin:before              { content: "\f090"; }
 +
.icon-trophy:before              { content: "\f091"; }
 +
.icon-github-sign:before          { content: "\f092"; }
 +
.icon-upload-alt:before          { content: "\f093"; }
 +
.icon-lemon:before                { content: "\f094"; }
 +
.icon-phone:before                { content: "\f095"; }
 +
.icon-check-empty:before          { content: "\f096"; }
 +
.icon-bookmark-empty:before      { content: "\f097"; }
 +
.icon-phone-sign:before          { content: "\f098"; }
 +
.icon-twitter:before              { content: "\f099"; }
 +
.icon-facebook:before            { content: "\f09a"; }
 +
.icon-github:before              { content: "\f09b"; }
 +
.icon-unlock:before              { content: "\f09c"; }
 +
.icon-credit-card:before          { content: "\f09d"; }
 +
.icon-rss:before                  { content: "\f09e"; }
 +
 
 +
.icon-hdd:before                  { content: "\f0a0"; }
 +
.icon-bullhorn:before            { content: "\f0a1"; }
 +
.icon-bell:before                { content: "\f0a2"; }
 +
.icon-certificate:before          { content: "\f0a3"; }
 +
.icon-hand-right:before          { content: "\f0a4"; }
 +
.icon-hand-left:before            { content: "\f0a5"; }
 +
.icon-hand-up:before              { content: "\f0a6"; }
 +
.icon-hand-down:before            { content: "\f0a7"; }
 +
.icon-circle-arrow-left:before    { content: "\f0a8"; }
 +
.icon-circle-arrow-right:before  { content: "\f0a9"; }
 +
.icon-circle-arrow-up:before      { content: "\f0aa"; }
 +
.icon-circle-arrow-down:before    { content: "\f0ab"; }
 +
.icon-globe:before                { content: "\f0ac"; }
 +
.icon-wrench:before              { content: "\f0ad"; }
 +
.icon-tasks:before                { content: "\f0ae"; }
 +
 
 +
.icon-filter:before              { content: "\f0b0"; }
 +
.icon-briefcase:before            { content: "\f0b1"; }
 +
.icon-fullscreen:before          { content: "\f0b2"; }
 +
 
 +
.icon-group:before                { content: "\f0c0"; }
 +
.icon-link:before                { content: "\f0c1"; }
 +
.icon-cloud:before                { content: "\f0c2"; }
 +
.icon-beaker:before              { content: "\f0c3"; }
 +
.icon-cut:before                  { content: "\f0c4"; }
 +
.icon-copy:before                { content: "\f0c5"; }
 +
.icon-paper-clip:before          { content: "\f0c6"; }
 +
.icon-save:before                { content: "\f0c7"; }
 +
.icon-sign-blank:before          { content: "\f0c8"; }
 +
.icon-reorder:before              { content: "\f0c9"; }
 +
.icon-list-ul:before              { content: "\f0ca"; }
 +
.icon-list-ol:before              { content: "\f0cb"; }
 +
.icon-strikethrough:before        { content: "\f0cc"; }
 +
.icon-underline:before            { content: "\f0cd"; }
 +
.icon-table:before                { content: "\f0ce"; }
 +
 
 +
.icon-magic:before                { content: "\f0d0"; }
 +
.icon-truck:before                { content: "\f0d1"; }
 +
.icon-pinterest:before            { content: "\f0d2"; }
 +
.icon-pinterest-sign:before      { content: "\f0d3"; }
 +
.icon-google-plus-sign:before    { content: "\f0d4"; }
 +
.icon-google-plus:before          { content: "\f0d5"; }
 +
.icon-money:before                { content: "\f0d6"; }
 +
.icon-caret-down:before          { content: "\f0d7"; }
 +
.icon-caret-up:before            { content: "\f0d8"; }
 +
.icon-caret-left:before          { content: "\f0d9"; }
 +
.icon-caret-right:before          { content: "\f0da"; }
 +
.icon-columns:before              { content: "\f0db"; }
 +
.icon-sort:before                { content: "\f0dc"; }
 +
.icon-sort-down:before            { content: "\f0dd"; }
 +
.icon-sort-up:before              { content: "\f0de"; }
 +
 
 +
.icon-envelope-alt:before        { content: "\f0e0"; }
 +
.icon-linkedin:before            { content: "\f0e1"; }
 +
.icon-undo:before                { content: "\f0e2"; }
 +
.icon-legal:before                { content: "\f0e3"; }
 +
.icon-dashboard:before            { content: "\f0e4"; }
 +
.icon-comment-alt:before          { content: "\f0e5"; }
 +
.icon-comments-alt:before        { content: "\f0e6"; }
 +
.icon-bolt:before                { content: "\f0e7"; }
 +
.icon-sitemap:before              { content: "\f0e8"; }
 +
.icon-umbrella:before            { content: "\f0e9"; }
 +
.icon-paste:before                { content: "\f0ea"; }
 +
.icon-lightbulb:before            { content: "\f0eb"; }
 +
.icon-exchange:before            { content: "\f0ec"; }
 +
.icon-cloud-download:before      { content: "\f0ed"; }
 +
.icon-cloud-upload:before        { content: "\f0ee"; }
 +
 
 +
.icon-user-md:before              { content: "\f0f0"; }
 +
.icon-stethoscope:before          { content: "\f0f1"; }
 +
.icon-suitcase:before            { content: "\f0f2"; }
 +
.icon-bell-alt:before            { content: "\f0f3"; }
 +
.icon-coffee:before              { content: "\f0f4"; }
 +
.icon-food:before                { content: "\f0f5"; }
 +
.icon-file-alt:before            { content: "\f0f6"; }
 +
.icon-building:before            { content: "\f0f7"; }
 +
.icon-hospital:before            { content: "\f0f8"; }
 +
.icon-ambulance:before            { content: "\f0f9"; }
 +
.icon-medkit:before              { content: "\f0fa"; }
 +
.icon-fighter-jet:before          { content: "\f0fb"; }
 +
.icon-beer:before                { content: "\f0fc"; }
 +
.icon-h-sign:before              { content: "\f0fd"; }
 +
.icon-plus-sign-alt:before        { content: "\f0fe"; }
 +
 
 +
.icon-double-angle-left:before    { content: "\f100"; }
 +
.icon-double-angle-right:before  { content: "\f101"; }
 +
.icon-double-angle-up:before      { content: "\f102"; }
 +
.icon-double-angle-down:before    { content: "\f103"; }
 +
.icon-angle-left:before          { content: "\f104"; }
 +
.icon-angle-right:before          { content: "\f105"; }
 +
.icon-angle-up:before            { content: "\f106"; }
 +
.icon-angle-down:before          { content: "\f107"; }
 +
.icon-desktop:before              { content: "\f108"; }
 +
.icon-laptop:before              { content: "\f109"; }
 +
.icon-tablet:before              { content: "\f10a"; }
 +
.icon-mobile-phone:before        { content: "\f10b"; }
 +
.icon-circle-blank:before        { content: "\f10c"; }
 +
.icon-quote-left:before          { content: "\f10d"; }
 +
.icon-quote-right:before          { content: "\f10e"; }
 +
 
 +
.icon-spinner:before              { content: "\f110"; }
 +
.icon-circle:before              { content: "\f111"; }
 +
.icon-reply:before                { content: "\f112"; }
 +
.icon-github-alt:before          { content: "\f113"; }
 +
.icon-folder-close-alt:before    { content: "\f114"; }
 +
.icon-folder-open-alt:before      { content: "\f115"; }
 +
 
 +
.icon-blogger-sign:before,.icon-blogger:before,.icon-delicious:before,.icon-dribbble-sign:before,.icon-dribbble:before,.icon-dropbox:before,.icon-drupal:before,.icon-evernote-sign:before,.icon-evernote:before,.icon-flickr-sign:before,.icon-flickr:before,.icon-forrst-sign:before,.icon-forrst:before,.icon-foursquare-sign:before,.icon-foursquare:before,.icon-git-fork:before,.icon-hacker-news:before,.icon-instagram:before,.icon-lastfm-sign:before,.icon-lastfm:before,.icon-paypal:before,.icon-picasa-sign:before,.icon-picasa:before,.icon-reddit:before,.icon-share-this-sign:before,.icon-share-this:before,.icon-skype:before,.icon-soundcloud:before,.icon-spotify:before,.icon-stack-overflow:before,.icon-tumblr-sign:before,.icon-tumblr:before,.icon-vimeo-sign:before,.icon-vimeo:before,.icon-wordpress-sign:before,.icon-wordpress:before,.icon-yelp-sign:before,.icon-yelp:before,.icon-youtube-sign:before,.icon-youtube:before              {font-family:'Font-Awesome-Social'; }
 +
 
 +
.icon-dropbox:before              { content: "\f300"; }
 +
.icon-drupal:before              { content: "\f301"; }
 +
.icon-git-fork:before            { content: "\f302"; }
 +
.icon-instagram:before            { content: "\f303"; }
 +
.icon-share-this-sign:before      { content: "\f304"; }
 +
.icon-share-this:before          { content: "\f305"; }
 +
.icon-foursquare-sign:before      { content: "\f306"; }
 +
.icon-foursquare:before          { content: "\f307"; }
 +
.icon-hacker-news:before          { content: "\f308"; }
 +
.icon-skype:before                { content: "\f309"; }
 +
.icon-spotify:before              { content: "\f30a"; }
 +
.icon-soundcloud:before          { content: "\f30b"; }
 +
.icon-paypal:before              { content: "\f30c"; }
 +
.icon-youtube-sign:before        { content: "\f30d"; }
 +
.icon-youtube:before              { content: "\f30e"; }
 +
.icon-reddit:before              { content: "\f30f"; }
 +
.icon-blogger-sign:before        { content: "\f310"; }
 +
.icon-blogger:before              { content: "\f311"; }
 +
.icon-dribbble-sign:before        { content: "\f312"; }
 +
.icon-dribbble:before            { content: "\f313"; }
 +
.icon-evernote-sign:before        { content: "\f314"; }
 +
.icon-evernote:before            { content: "\f315"; }
 +
.icon-flickr-sign:before          { content: "\f316"; }
 +
.icon-flickr:before              { content: "\f317"; }
 +
.icon-forrst-sign:before          { content: "\f318"; }
 +
.icon-forrst:before              { content: "\f319"; }
 +
.icon-delicious:before            { content: "\f31a"; }
 +
.icon-lastfm-sign:before          { content: "\f31b"; }
 +
.icon-lastfm:before              { content: "\f31c"; }
 +
.icon-picasa-sign:before          { content: "\f31d"; }
 +
.icon-picasa:before              { content: "\f31e"; }
 +
.icon-stack-overflow:before      { content: "\f320"; }
 +
.icon-tumblr-sign:before          { content: "\f321"; }
 +
.icon-tumblr:before              { content: "\f322"; }
 +
.icon-vimeo-sign:before          { content: "\f323"; }
 +
.icon-vimeo:before                { content: "\f324"; }
 +
.icon-wordpress-sign:before      { content: "\f325"; }
 +
.icon-wordpress:before            { content: "\f326"; }
 +
.icon-yelp-sign:before            { content: "\f327"; }
 +
.icon-yelp:before                { content: "\f328"; }
 +
.icon-cloud-upload:before   { content: "\f0ee"; }
 +
.icon-cloud-download:before   { content: "\f0ed"; }
 +
 
 +
 
 +
</style>
 +
</html>

Revision as of 15:35, 9 August 2016

Welcome to our website

This is Embellished, a free, fully standards-compliant CSS template designed by TEMPLATED. The photos in this template are from Fotogrph. This free template is released under the Creative Commons Attribution license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you give us credit for it. Have fun :)

Vivamus fermentum nibh

Integer sit amet pede vel arcu aliquet pretium

Vestibulum venenatis

Fermentum nibh augue praesent a lacus at urna congue rutrum.

Etiam posuere

Praesent scelerisque

Vivamus fermentum nibh in augue praesent urna congue rutrum.

Etiam posuere

Donec dictum metus

Vivamus fermentum nibh in augue praesent urna congue rutrum.

Etiam posuere

Mauris vulputate dolor

Rutrum fermentum nibh in augue praesent urna congue rutrum.

Etiam posuere