Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!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" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
- <meta name="author" content="MESMERiZE" />
- <title> About Us </title>
- <link rel="stylesheet" href="css/orbit.css"/>
- <link rel="stylesheet" href="css/tipsy.css"/>
- <link rel="stylesheet" href="css/nivo-slider.css"/>
- <script src="js/jquery-1.5.1.min.js" type="text/javascript"></script>
- <script src="js/jquery.tipsy.js" type="text/javascript"></script>
- <script type="text/javascript">
- var arr = new Array("Core Values","Faith","Family","Church","Youth","Education","Entrepreneurship");
- </script>
- <script src="js/jquery.orbit-1.2.3.min.js" type="text/javascript"></script>
- <script src="js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
- <script src="js/popup.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(window).load(function() {
- $('.slider').nivoSlider({
- effect:'slideInLeft',
- directionNavHide:false,
- manualAdvance:true,
- animSpeed:10,
- prevText: '.',
- nextText: '.',
- controlNav:false
- });
- });
- </script><script language="javascript" type="text/javascript">
- <!--
- function popitup(url) {
- newwindow=window.open(url,'name','height=800,width=1280');
- if (window.focus) {newwindow.focus()}
- return false;
- }
- // -->
- </script>
- <style type="text/css">
- .gradient {
- position: fixed;
- top: 0px;
- left: 19%;
- z-index:-10;
- }
- body {
- background:#f0f0f0;
- height: 100%;
- margin: 0px;
- }
- #container {
- width:100%;
- min-width: 800px; max-width: 1280px;
- margin: 0 auto;
- position: relative;
- }
- #backgroundPopup{
- display:none;
- position:fixed;
- _position:absolute; /* hack for internet explorer 6*/
- height:100%;
- width:100%;
- top:0;
- left:0;
- margin-top: 100px;
- z-index:1;
- }
- #popupContact{
- display:none;
- position:fixed;
- _position:absolute; /* hack for internet explorer 6*/
- height:412px;
- width:1280px;
- background: none;
- z-index:2;
- font-size:13px;
- }
- #popupContact1{
- display:none;
- position:fixed;
- _position:absolute; /* hack for internet explorer 6*/
- height:412px;
- width:1280px;
- background: none;
- z-index:2;
- font-size:13px;
- }
- #popupContact2{
- display:none;
- position:fixed;
- _position:absolute; /* hack for internet explorer 6*/
- height:412px;
- width:1280px;
- background: none;
- z-index:2;
- font-size:13px;
- }
- #popupContact3{
- display:none;
- position:fixed;
- _position:absolute; /* hack for internet explorer 6*/
- height:412px;
- width:1280px;
- background: none;
- z-index:2;
- font-size:13px;
- }
- .popupContactClose{
- font-size:14px;
- line-height:14px;
- cursor: pointer;
- right:40px;
- top:18px;
- position:absolute;
- color:#6fa5fd;
- font-weight:700;
- display:block;
- z-index:1002;
- }
- .popupslidecontact {
- right: 23px;
- top: 363px;
- width: 85px;
- height: 30px;
- position: absolute;
- display: block;
- z-index: 1002;
- }
- .popupContactClose1{
- font-size:14px;
- line-height:14px;
- right:50px;
- top:18px;
- cursor: pointer;
- position:absolute;
- color:#6fa5fd;
- font-weight:700;
- display:block;
- z-index:1002;
- }
- .popupContactClose2{
- font-size:14px;
- line-height:14px;
- right:50px;
- cursor: pointer;
- top:18px;
- position:absolute;
- color:#6fa5fd;
- font-weight:700;
- display:block;
- z-index:1002;
- }
- .popupContactClose3{
- font-size:14px;
- line-height:14px;
- right:50px;
- top:18px;
- position:absolute;
- cursor: pointer;
- color:#6fa5fd;
- font-weight:700;
- display:block;
- z-index:1002;
- }
- .closebtn{
- position:absolute;
- top:28px;
- left:1190px;
- z-index:10;
- }
- .transbanner
- {
- position:absolute;
- top:110px;
- left:1px;
- z-index:3;
- }
- .as2a1 {
- position: absolute;
- height: 30px;
- width: 100px;
- top: 330px;
- left: 670px;
- }
- .as3a1 {
- position: absolute;
- height: 30px;
- width: 80px;
- top: 319px;
- left: 654px;
- }
- .as3a2 {
- position: absolute;
- height: 30px;
- width: 180px;
- top: 319px;
- left: 756px;
- }
- .as4a1 {
- position: absolute;
- height: 30px;
- width: 160px;
- top: 250px;
- left: 133px;
- }
- .as4a2 {
- position: absolute;
- height: 30px;
- width: 165px;
- top: 250px;
- left: 308px;
- }
- .as5a1 {
- position: absolute;
- height: 30px;
- width: 320px;
- top: 370px;
- left: 355px;
- }
- .as5a2 {
- position: absolute;
- height: 30px;
- width: 225px;
- top: 370px;
- left: 700px;
- }
- .as6a1 {
- position: absolute;
- height: 30px;
- width: 90px;
- top: 290px;
- left: 690px;
- }
- .as6a2 {
- position: absolute;
- height: 30px;
- width: 150px;
- top: 140px;
- left: 940px;
- }
- .as7a1 {
- position: absolute;
- height: 25px;
- width: 250px;
- top: 300px;
- left: 870px;
- }
- .as7a2 {
- position: absolute;
- height: 25px;
- width: 250px;
- top: 330px;
- left: 870px;
- }
- .as3a3 {
- position: absolute;
- height: 30px;
- width: 100px;
- top: 319px;
- left: 965px;
- }
- .homebtn {
- position:absolute;
- top:40px;
- left:40px;
- }
- /* float clearing for IE6 */
- * html .clearfix{
- height: 1%;
- overflow: visible;
- }
- /* float clearing for IE7 */
- *+html .clearfix{
- min-height: 1%;
- }
- /* float clearing for everyone else */
- .clearfix:after{
- clear: both;
- content: ".";
- display: block;
- height: 0;
- visibility: hidden;
- font-size: 0;
- }
- .partnerbanner{
- position:absolute;
- top:0px;
- left:0px;
- z-index:10;
- }
- .aboutbtn {
- position:absolute;
- top:40px;
- left:120px;
- }
- .eventbtn {
- position:absolute;
- top:40px;
- left:220px;
- }
- .leadershipbtn {
- position:absolute;
- top:40px;
- left:310px;
- }
- .hogclogo
- {
- position:absolute;
- left:30px;
- top:9px;
- }
- .twitter
- {
- position:absolute;
- right:120px;
- top:9px;
- z-index:5000;
- }
- .contactus
- {
- position:absolute;
- right:81px;
- top:9px;
- z-index:5000;
- }
- .gallery
- {
- position:absolute;
- right:35px;
- top:9px;
- z-index:5000;
- }
- .text
- {
- position:absolute;
- right:165px;
- top:17px;
- z-index:5000;
- }
- .readmorebtn {
- position:absolute;
- top:500px;
- left:500px;
- z-index:9000;
- }
- </style>
- <script type="text/javascript">
- function newWindow(link) {
- var bookWindow;
- bookWindow = window.open(link, "new1", "width=1024,height=740");
- if (bookWindow.open) {
- bookWindow.close;
- }
- bookWindow.focus();
- }
- function funcCaller(img_name,img_src,img_name2,img_src2) {
- roll_over(img_name, img_src);
- roll_over(img_name2, img_src2);
- }
- function roll_over(img_name, img_src)
- {
- document[img_name].src = img_src;
- }
- var newImage = "images/ai.png";
- var newImage2 = "images/valuestrans4.png";
- var newImage3 = "images/hogcstory1.png";
- var newImage4 = "images/cap.png";
- var newImage5 = "images/AIbanner.png";
- function initImage(newImage) {
- imageId = 'thephoto';
- image = document.getElementById(imageId);
- image.src = newImage;
- setOpacity(image, 0);
- fadeIn(imageId,0);
- }
- function showclosebutton()
- {
- document.getElementById('closebtn').style.visibility="visible";
- }
- function hideclosebutton()
- {
- document.getElementById('closebtn').style.visibility="hidden";
- }
- function initImage2(newImage2) {
- imageId = 'thephoto';
- image = document.getElementById(imageId);
- image.src = newImage2;
- setOpacity(image, 0);
- fadeIn(imageId,0);
- }
- function initImage3(newImage3) {
- imageId = 'thephoto';
- image = document.getElementById(imageId);
- image.src = newImage3;
- setOpacity(image, 0);
- fadeIn(imageId,0);
- }
- function partneroverlay() {
- setTimeout('initImage(newImage)',100);
- showclosebutton();
- showlink();
- }
- function closebtnoverlay() {
- setTimeout('initImage2(newImage2)',50);
- hideclosebutton();
- hidelink();
- }
- function initImage4(newImage4) {
- imageId = 'thephoto';
- image = document.getElementById(imageId);
- image.src = newImage4;
- setOpacity(image, 0);
- fadeIn(imageId,0);
- }
- function initImage5(newImage5) {
- imageId = 'thephoto';
- image = document.getElementById(imageId);
- image.src = newImage5;
- setOpacity(image, 0);
- fadeIn(imageId,0);
- }
- function setOpacity(obj, opacity) {
- opacity = (opacity == 100)?99.999:opacity;
- // IE/Win
- obj.style.filter = "alpha(opacity:"+opacity+")";
- // Safari<1.2, Konqueror
- obj.style.KHTMLOpacity = opacity/100;
- // Older Mozilla and Firefox
- obj.style.MozOpacity = opacity/100;
- // Safari 1.2, newer Firefox and Mozilla, CSS3
- obj.style.opacity = opacity/100;
- }
- function fadeIn(objId,opacity) {
- if (document.getElementById) {
- obj = document.getElementById(objId);
- if (opacity <= 100) {
- setOpacity(obj, opacity);
- opacity += 15;
- window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
- }
- }
- }
- </script>
- </head>
- <body style="overflow:hidden" bgcolor="#f0f0f0" class="clearfix">
- <div id="container" class="clearfix">
- <div class="gradient"><img src="images/gradient2.png"></div>
- <!-- gradient for the background -->
- <!-- header-->
- <div id="toplinks" class="clearfix" style="height: 100px;">
- <div class="homebtn"><a href="index.html"><img src="images/homeheader.png" /></a></div>
- <div class="aboutbtn"><a href="aboutus.html"><img src="images/aboutheader.png" /></a></div>
- <div class="eventbtn"><a href="events.html"><img src="images/eventsheader.png" /></a></div>
- <div class="leadershipbtn"><a href="leadership.html"><img src="images/leadershipheader.png" /></a></div>
- </div>
- <!-- banners -->
- <div id="slider" style="height: 412px;position: relative;" class="clearfix">
- <div id="featured" class="clearfix">
- <div><img src="images/About1.jpg" alt="Core Values" /></div>
- <div style="position: relative;"><a href="howto.html" class="as2a1"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About2.jpg" alt="Faith" data-caption="#htmlCaption"/></div>
- <div> <a href="others.html" class="as3a1" onclick="return popitup('others.html')"><img src="images/trans4.png" alt="" border="0"/></a><a href="CCHpage3.html" class="as3a2" onclick="return popitup('CCHpage3.html')"><img src="images/trans4.png" alt="" border="0"/></a><a href="lifeworks.html" class="as3a3" onclick="return popitup('lifeworks.html')"><img src="images/trans4.png" alt="" border="0"/></a> <img src="images/About3.jpg" alt="Family" data-caption="#htmlCaption2" /></div>
- <div><a href="#" class="as4a1" id="button"><img src="images/trans4.png" alt="" border="0"/></a><a href="#" class="as4a2" id="button1"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About4.jpg" alt="Church" data-caption="#htmlCaption3" /></div>
- <div> <a href="#" class="as5a1" id="button2"><img src="images/trans4.png" alt="" border="0"/></a><a href="AE.html" class="as5a2" onclick="return popitup('AE.html')"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About5.jpg" alt="Youth" data-caption="#htmlCaption4" /></div>
- <div> <a href="AE.html" class="as6a1" onclick="return popitup('AE.html')"><img src="images/trans4.png" alt="" border="0"/></a><a href="AE.html" class="as6a2" onclick="return popitup('AE.html')"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About6.jpg" alt="Education" data-caption="#htmlCaption5" /></div>
- <div><a href="#" class="as7a1" id="button3"><img src="images/trans4.png" alt="" border="0"/></a><a href="others.html" onclick="return popitup('others.html')" class="as7a2"><img src="images/trans4.png" alt="" border="0"/></a><img src="images/About7.jpg" alt="Entre"/></div>
- </div>
- </div>
- <!-- Captions for Orbit -->
- <!-- popup -->
- <div id="popupContact" style="z-index: 1001;background-color: #000000;">
- <a class="popupContactClose"><img src="images/xsign.jpg" alt="" border="0"/></a>
- <div class="slider-wrapper theme-default">
- <div class="ribbon"></div>
- <div class="slider" class="nivoSlider">
- <img src="images/sli1.jpg" alt="" />
- <img src="images/sli2.jpg" alt="" />
- <img src="images/sli3.jpg" alt=""/>
- <img src="images/sli4.jpg" alt=""/>
- </div>
- </div>
- </div>
- <div id="popupContact1" style="z-index: 1001;background-color: #000000;">
- <a class="popupContactClose1"><img src="images/xsign.jpg" alt="" border="0"/></a>
- <a class="popupslidecontact" href="contactus.html"><img src="images/trans.png" alt="" border="0"/></a>
- <div class="servicetime">
- <img src="images/servicetime.jpg" alt="" />
- </div>
- </div>
- <div id="popupContact2" style="z-index: 1001;background-color: #000000;">
- <a class="popupContactClose2"><img src="images/blackx.jpg" alt="" border="0"/></a>
- <div class="servicetime">
- <img src="images/youthpopup.jpg" alt="" />
- </div>
- </div>
- <div id="popupContact3" style="z-index: 1001;background-color: #000000;">
- <a class="popupContactClose3"><img src="images/ai7x.jpg" alt="" border="0"/></a>
- <div class="servicetime">
- <img src="images/ai7.jpg" alt="" />
- </div>
- </div>
- <div id="backgroundPopup"></div>
- <!-- popup end -->
- <!-- footer -->
- <div id="footerholder" class="clearfix" style="height: 100px;margin-top: 70px;position: relative;">
- <div class="hogclogo"><img src="images/hogclogo.png" /></div>
- <div class="text"><img src="images/trans.png" name="but1" /></div>
- <div class="twitter"><a href="twitter.html"><img src="images/twittericon.png" name="but2" onMouseOver="funcCaller('but2', 'images/twitterblack.png', 'but1', 'images/twittertext.png' )" onMouseOut="funcCaller('but2', 'images/twittericon.png', 'but1', 'images/trans4.png')"/></a></div>
- <div class="contactus"><a href="contactus.html"><img src="images/contacticon.png" name="but3" onMouseOver="funcCaller('but3', 'images/contactblack.png', 'but1', 'images/contacttext.png' )" onMouseOut="funcCaller('but3', 'images/contacticon.png', 'but1', 'images/trans4.png')" /></a></div>
- <div class="gallery"><a href="mediagallerysplash.html"><img src="images/mediagalleryicon.png" name="but4" onMouseOver="funcCaller('but4', 'images/mediagalleryblack.png', 'but1', 'images/picturestext.png' )" onMouseOut="funcCaller('but4', 'images/mediagalleryicon.png', 'but1', 'images/trans4.png')" /></a></div>
- </div>
- <script type="text/javascript">
- $(window).load(function() {
- $('#featured').orbit({
- 'timer': false,
- 'bullets' : true,
- 'captions': true,
- 'bulletThumbs': true,
- 'bulletThumbLocation': 'orbit/'
- });
- $("ul.orbit-bullets li").tipsy({gravity: 'n'});
- });
- </script>
- <script type="text/javascript">
- </script>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement