<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Identity</title>
<!--// Stylesheets //-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/red.css" title="styles1" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/blue.css" title="styles2" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/gray.css" title="styles3" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/orange.css" title="styles4" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/green.css" title="styles5" media="screen" />
<link rel="alternate stylesheet" type="text/css" href="css/orange-red.css" title="styles6" media="screen" />
<!--// Javascripts //-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/styleswitch.js"></script>
<script type="text/javascript" src="js/animatedcollapse.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js"></script>
<script type="text/javascript" src="js/scrolltopcontrol.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/functions.js"></script>
</head>
<body>
<!-- Wrapper Start -->
<div id="outer_wrapper">
<!-- Top Bar Start -->
<div id="top-bar" class="backcolr">
<div class="inner">
<!-- Styleswitcher Start -->
<div class="styles">
<ul>
<li><h6 class="white">Select Color Schemes:</h6></li>
<li><a href="blogpost.html?style=style1" rel="styles1" class="styleswitch red"> </a></li>
<li><a href="blogpost.html?style=style2" rel="styles2" class="styleswitch blue"> </a></li>
<li><a href="blogpost.html?style=style3" rel="styles3" class="styleswitch gray"> </a></li>
<li><a href="blogpost.html?style=style4" rel="styles4" class="styleswitch orange"> </a></li>
<li><a href="blogpost.html?style=style5" rel="styles5" class="styleswitch green"> </a></li>
<li><a href="blogpost.html?style=style6" rel="styles6" class="styleswitch orange-red"> </a></li>
</ul>
</div>
<!-- Styleswitcher End -->
<!-- Top Site Map Button Start -->
<a href="javascript:animatedcollapse.toggle('jason')" class="togglebtn">Site Map</a>
<!-- Top Site Map Button End -->
<!-- Top Bar Text Start -->
<p class="text">Worship Times: Sundays at 8:00, 9:45, 11:30 a.m</p>
<!-- Top Bar Text End -->
</div>
<div class="clear"></div>
<!-- Toggle Show Hide Div Start -->
<div id="jason" class="topwidgets">
<div class="inner">
<!-- Widget Placeholder Start -->
<div class="widget-placeholder">
<!-- Our Mission Widget Start -->
<div class="widget mission-widget">
<h3 class="widget-head white">Our Mission</h3>
<ul>
<li>
<a href="#" class="thumb"><img src="images/mission.jpg" alt="" /></a>
<p><a href="#" class="bold">Donec ut nibh tellus. Proin erat urna, luctuseg ementum at, facilisis sed nunc.</a></p>
</li>
<li><a href="#">Aenean commodo dolor at sapien luctus (05:30)</a></li>
<li><a href="#">Sapien luctus non venenatis (19:18)</a></li>
</ul>
</div>
<!-- Our Mission Widget End -->
</div>
<!-- Widget Placeholder End -->
<!-- Widget Placeholder Start -->
<div class="widget-placeholder">
<!-- Recent Posts with Thumbnail Widget Start -->
<div class="widget recent-posts-thumbs">
<h3 class="widget-head white">Our Community</h3>
<ul class="post-thumbs">
<li>
<div class="thumb">
<a href="#"><img src="images/post1.gif" alt="" /></a>
</div>
<div class="desc">
<a href="#" class="title">Lorem ipsum dolor sit amet, consect etur adipiscing elit.</a>
<p>Donec ut nibh tellus. Proin erat urna, luct us eget elementum at, facilisis sed.</p>
<a href="#" class="readmoredark">Read more</a>
</div>
</li>
<li>
<div class="thumb">
<a href="#"><img src="images/post2.gif" alt="" /></a>
</div>
<div class="desc">
<a href="#" class="title">Consect etur adipiscing elit.</a>
<p>Luctus eget elementum at, facilisis sed unc Donec neque felis, fringilla.</p>
<a href="#" class="readmoredark">Read more</a>
</div>
</li>
<li>
<div class="thumb">
<a href="#"><img src="images/post3.gif" alt="" /></a>
</div>
<div class="desc">
<a href="#" class="title">Facilisis sed nunconec neque felis.</a>
<p>Donec ut nibh tellus. Proin erat urna, luct us eget elementum at, facilisis sed.</p>
<a href="#" class="readmoredark">Read more</a>
</div>
</li>
</ul>
</div>
<!-- Recent Posts with Thumbnail Widget End -->
</div>
<!-- Widget Placeholder End -->
<!-- Widget Placeholder Start -->
<div class="widget-placeholder">
<!-- Contact Us with Map Widget Start -->
<div class="widget contact-map">
<h3 class="widget-head white">Contact Us</h3>
<div class="mapframe">
<iframe width="100%" height="150" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=london&aq=&sll=37.0625,-95.677068&sspn=48.956293,107.138672&ie=UTF8&hq=&hnear=London,+United+Kingdom&ll=51.508129,-0.128005&spn=0.002381,0.006539&t=m&z=14&output=embed"></iframe>
</div>
<p class="txt">Need to contact us or planning on making a visit? Just click the button below to send us a note or get directions to our location.</p>
<p class="adres">
1234 A 12th AB. Lorum Ipsum,<br />
NY, 123456<br />
P: 123.456.7891<br />
</p>
<a href="#" class="button">Get In Touch</a>
</div>
<!-- Contact Us with Map Widget End -->
</div>