"
陳沛鴻 Home1 templatemo 378 dragonfly index7
From 2014hs.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
| - | {{:陳沛鴻_Styling_tricks}} | + | <pre class="xml" style="border: 1px solid #b4d0dc; background-color: #ecf8ff;">{{:陳沛鴻_Styling_tricks}} |
| - | + | <span style="color:#7F0055; font-weight: bold; "><html></span> | |
| - | + | <span style="color:#3F7F5F; "><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--></span> | |
| - | + | <span style="color:#3F7F5F; "><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--></span> | |
| - | + | <span style="color:#3F7F5F; "><!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--></span> | |
| - | + | <span style="color:#3F7F5F; "><!--[if gt IE 8]><!--></span> <span style="color:#7F0055; font-weight: bold; "><html</span> class=<span style="color:#2A00FF; ">"no-js"</span><span style="color:#7F0055; font-weight: bold; ">></span> <span style="color:#3F7F5F; "><!--<![endif]--></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><head></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><meta</span> http-equiv=<span style="color:#2A00FF; ">"Content-Type"</span> content=<span style="color:#2A00FF; ">"text/html; charset=utf-8"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><title></span>Dragonfly, free website template<span style="color:#7F0055; font-weight: bold; "></title></span> | |
| + | <span style="color:#7F0055; font-weight: bold; "><meta</span> name=<span style="color:#2A00FF; ">"keywords"</span> content=<span style="color:#2A00FF; ">"dragonfly, free website templates, one page layout, jquery"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><meta</span> name=<span style="color:#2A00FF; ">"description"</span> content=<span style="color:#2A00FF; ">"Dragonfly is one-page layout using jQuery and it is free website template from templatemo.com"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| - | + | <span style="color:#7F0055; font-weight: bold; "><link</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Reset_CSS?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| - | = | + | |
| - | + | ||
| - | + | ||
| + | <span style="color:#7F0055; font-weight: bold; "><link</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_templatemo_style1?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.min?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.scrollTo-min?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.localscroll-min?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_init?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span> | ||
| + | |||
| + | <span style="color:#7F0055; font-weight: bold; "><link</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_slimbox2_css?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> media=<span style="color:#2A00FF; ">"screen"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | |||
| + | <span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/JavaScript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_slimbox2_js?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span> | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | + | <span style="color:#7F0055; font-weight: bold; "><link</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_orman?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> media=<span style="color:#2A00FF; ">"screen"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><link</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_nivo-slider?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> media=<span style="color:#2A00FF; ">"screen"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| + | |||
| + | <span style="color:#7F0055; font-weight: bold; "></head></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><body></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"templatemo_wrapper"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"templatemo_header"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"site_title"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com/preview/templatemo_378_dragonfly"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span> target=<span style="color:#2A00FF; ">"_parent"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><ul</span> class=<span style="color:#2A00FF; ">"nav_menu"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#home"</span><span style="color:#7F0055; font-weight: bold; ">></span>Home<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#about"</span><span style="color:#7F0055; font-weight: bold; ">></span>About<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#services"</span><span style="color:#7F0055; font-weight: bold; ">></span>Services<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#gallery"</span><span style="color:#7F0055; font-weight: bold; ">></span>Portfolio<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#contact"</span><span style="color:#7F0055; font-weight: bold; ">></span>Contact<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></ul></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"social_button"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/facebook.png"</span> alt=<span style="color:#2A00FF; ">"Facebook"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/flickr.png"</span> alt=<span style="color:#2A00FF; ">"Flickr"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/twitter.png"</span> alt=<span style="color:#2A00FF; ">"Twitter"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"clear"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><p></span> | ||
| + | c 2072 Company Name<span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com/preview/templatemo_378_dragonfly"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span> target=<span style="color:#2A00FF; ">"_parent"</span><span style="color:#7F0055; font-weight: bold; ">></span>Dragonfly<span style="color:#7F0055; font-weight: bold; "></a></span> by<span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span> target=<span style="color:#2A00FF; ">"_parent"</span><span style="color:#7F0055; font-weight: bold; ">></span>templatemo<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></p></span> | ||
| - | + | <span style="color:#7F0055; font-weight: bold; "></div></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"templatemo_main"</span><span style="color:#7F0055; font-weight: bold; ">></span> | |
| - | + | ||
| - | + | <span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"home"</span> class=<span style="color:#2A00FF; ">"home_slider"</span><span style="color:#7F0055; font-weight: bold; ">></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"theme-orman"</span><span style="color:#7F0055; font-weight: bold; ">></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"slider"</span> class=<span style="color:#2A00FF; ">"nivoSlider"</span><span style="color:#7F0055; font-weight: bold; ">></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/8/82/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 1"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/7/7e/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/b/b6/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 2"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/7/71/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/1/13/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 3"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/4/41/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/2/22/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 4"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/7/7d/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/f/fb/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 5"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/d/d9/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "></div></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "></div></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery-1.6.1.min?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.nivo.slider.pack?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span> | |
| - | + | $(window).load(function() { | |
| - | + | $('#slider').nivoSlider({ | |
| - | + | controlNavThumbs:true, | |
| - | + | controlNavThumbsFromRel:true, | |
| - | + | directionNav:false, <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Next and Prev | |
| - | = Contact Us = | + | keyboardNav:true, <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Use left and right arrows |
| - | + | pauseOnHover:true <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Stop animation while hovering | |
| - | ==== Quick Contact ==== | + | }); |
| - | + | }); | |
| - | ==== Address ==== | + | <span style="color:#7F0055; font-weight: bold; "></script></span> |
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"section section_with_padding"</span> id=<span style="color:#2A00FF; ">"about"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><h1></span>About<span style="color:#7F0055; font-weight: bold; "></h1></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_border img_fl"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/templatemo_image_01.jpg"</span> alt=<span style="color:#2A00FF; ">"image 1"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><p></span><span style="color:#7F0055; font-weight: bold; "><em></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.<span style="color:#7F0055; font-weight: bold; "></em></span><span style="color:#7F0055; font-weight: bold; "></p></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><p></span>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. <span style="color:#7F0055; font-weight: bold; "></p></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"clear h40"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_border img_fr"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/templatemo_image_02.jpg"</span> alt=<span style="color:#2A00FF; ">"image 2"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><p></span><span style="color:#7F0055; font-weight: bold; "><em></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.<span style="color:#7F0055; font-weight: bold; "></em></span><span style="color:#7F0055; font-weight: bold; "></p></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><p></span>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. Validate <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://validator.w3.org/check?uri=referer"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span><span style="color:#7F0055; font-weight: bold; ">></span>XHTML<span style="color:#7F0055; font-weight: bold; "></a></span> &amp; <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://jigsaw.w3.org/css-validator/check/referer"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span><span style="color:#7F0055; font-weight: bold; ">></span>CSS<span style="color:#7F0055; font-weight: bold; "></a></span>.<span style="color:#7F0055; font-weight: bold; "></p></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"section section_with_padding"</span> id=<span style="color:#2A00FF; ">"services"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><h1></span>Services<span style="color:#7F0055; font-weight: bold; "></h1></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"half right"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_border img_nom"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/templatemo_image_04.jpg"</span> alt=<span style="color:#2A00FF; ">"image 4"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><ul</span> class=<span style="color:#2A00FF; ">"list_bullet"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span>Maecenas ac odio ipsum donec<span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span>Fusce risus tortor, interdum<span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span>Proin facilisis ullamcorper<span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span>Sed vel justo quis ligula<span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span>Ut tristique sagittis arcu<span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span>Maecenas ac odio ipsum donec<span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span>Fusce risus tortor, interdum<span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span>Proin facilisis ullamcorper<span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></ul></span> | ||
| + | |||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"half left"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_border img_nom"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/templatemo_image_03.jpg"</span> alt=<span style="color:#2A00FF; ">"image 3"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><p></span><span style="color:#7F0055; font-weight: bold; "><em></span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis. <span style="color:#7F0055; font-weight: bold; "></em></span><span style="color:#7F0055; font-weight: bold; "></p></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><p></span>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit.<span style="color:#7F0055; font-weight: bold; "></p></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"section"</span> id=<span style="color:#2A00FF; ">"gallery"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><ul</span> id=<span style="color:#2A00FF; ">"gallery_wrapper"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/09-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/09.jpg"</span> alt=<span style="color:#2A00FF; ">"image 9"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/10-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/10.jpg"</span> alt=<span style="color:#2A00FF; ">"image 10"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/11-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/11.jpg"</span> alt=<span style="color:#2A00FF; ">"image 11"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/12-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/12.jpg"</span> alt=<span style="color:#2A00FF; ">"image 12"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/01-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/01.jpg"</span> alt=<span style="color:#2A00FF; ">"image 01"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/02-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/02.jpg"</span> alt=<span style="color:#2A00FF; ">"image 02"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/03-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/03.jpg"</span> alt=<span style="color:#2A00FF; ">"image 03"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/04-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/04.jpg"</span> alt=<span style="color:#2A00FF; ">"image 04"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/05-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/05.jpg"</span> alt=<span style="color:#2A00FF; ">"image 05"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/06-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/06.jpg"</span> alt=<span style="color:#2A00FF; ">"image 06"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/07-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/07.jpg"</span> alt=<span style="color:#2A00FF; ">"image 07"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/08-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/08.jpg"</span> alt=<span style="color:#2A00FF; ">"image 08"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/09-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/09.jpg"</span> alt=<span style="color:#2A00FF; ">"image 09"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/10-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/10.jpg"</span> alt=<span style="color:#2A00FF; ">"image 10"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/11-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/11.jpg"</span> alt=<span style="color:#2A00FF; ">"image 11"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/12-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/12.jpg"</span> alt=<span style="color:#2A00FF; ">"image 12"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/01-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/01.jpg"</span> alt=<span style="color:#2A00FF; ">"image 01"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/02-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/02.jpg"</span> alt=<span style="color:#2A00FF; ">"image 02"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/03-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/03.jpg"</span> alt=<span style="color:#2A00FF; ">"image 03"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/04-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/04.jpg"</span> alt=<span style="color:#2A00FF; ">"image 04"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></ul></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | |||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"section section_with_padding"</span> id=<span style="color:#2A00FF; ">"contact"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><h1></span>Contact Us<span style="color:#7F0055; font-weight: bold; "></h1></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"half left"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><h4></span>Quick Contact<span style="color:#7F0055; font-weight: bold; "></h4></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"contact_form"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><form</span> method=<span style="color:#2A00FF; ">"post"</span> name=<span style="color:#2A00FF; ">"contact"</span> action=<span style="color:#2A00FF; ">"#contact"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><label</span> for=<span style="color:#2A00FF; ">"author"</span><span style="color:#7F0055; font-weight: bold; ">></span>Name:<span style="color:#7F0055; font-weight: bold; "></label></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><input</span> name=<span style="color:#2A00FF; ">"author"</span> type=<span style="color:#2A00FF; ">"text"</span> class=<span style="color:#2A00FF; ">"required input_field"</span> id=<span style="color:#2A00FF; ">"author"</span> maxlength=<span style="color:#2A00FF; ">"30"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><label</span> for=<span style="color:#2A00FF; ">"email"</span><span style="color:#7F0055; font-weight: bold; ">></span>Email:<span style="color:#7F0055; font-weight: bold; "></label></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><input</span> name=<span style="color:#2A00FF; ">"email"</span> type=<span style="color:#2A00FF; ">"text"</span> class=<span style="color:#2A00FF; ">"validate-email required input_field"</span> id=<span style="color:#2A00FF; ">"email"</span> maxlength=<span style="color:#2A00FF; ">"30"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><label</span> for=<span style="color:#2A00FF; ">"message"</span><span style="color:#7F0055; font-weight: bold; ">></span>Message:<span style="color:#7F0055; font-weight: bold; "></label></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><textarea</span> id=<span style="color:#2A00FF; ">"message"</span> name=<span style="color:#2A00FF; ">"text"</span> rows=<span style="color:#2A00FF; ">"0"</span> cols=<span style="color:#2A00FF; ">"0"</span> class=<span style="color:#2A00FF; ">"required"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></textarea></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><input</span> type=<span style="color:#2A00FF; ">"submit"</span> class=<span style="color:#2A00FF; ">"submit_btn left"</span> name=<span style="color:#2A00FF; ">"submit"</span> id=<span style="color:#2A00FF; ">"submit"</span> value=<span style="color:#2A00FF; ">"Send"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><input</span> type=<span style="color:#2A00FF; ">"reset"</span> class=<span style="color:#2A00FF; ">"submit_btn right"</span> name=<span style="color:#2A00FF; ">"Reset"</span> id=<span style="color:#2A00FF; ">"reset"</span> value=<span style="color:#2A00FF; ">"Reset"</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></form></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | |||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"half right"</span><span style="color:#7F0055; font-weight: bold; ">></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><h4></span>Address<span style="color:#7F0055; font-weight: bold; "></h4></span> | ||
| + | 130-310 Duis lacinia dictum, <span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | Vestibulum auctor, 10990<span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | Nam rhoncus, diam a mollis<span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span> | ||
| + | |||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"clear h20"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_nom img_border"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://goo.gl/VZrm0H"</span> target=<span style="color:#2A00FF; ">"_blank"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/location.jpg"</span> alt=<span style="color:#2A00FF; ">"our location"</span> width=<span style="color:#2A00FF; ">"230"</span> height=<span style="color:#2A00FF; ">"230"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| + | |||
| + | <span style="color:#7F0055; font-weight: bold; "></div></span> | ||
| - | + | <span style="color:#7F0055; font-weight: bold; "></body></span> | |
| - | + | <span style="color:#7F0055; font-weight: bold; "></html></span> | |
| - | + | </pre> | |
Revision as of 04:53, 6 May 2014
{{:陳沛鴻_Styling_tricks}}
<span style="color:#7F0055; font-weight: bold; "><html></span>
<span style="color:#3F7F5F; "><!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--></span>
<span style="color:#3F7F5F; "><!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--></span>
<span style="color:#3F7F5F; "><!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--></span>
<span style="color:#3F7F5F; "><!--[if gt IE 8]><!--></span> <span style="color:#7F0055; font-weight: bold; "><html</span> class=<span style="color:#2A00FF; ">"no-js"</span><span style="color:#7F0055; font-weight: bold; ">></span> <span style="color:#3F7F5F; "><!--<![endif]--></span>
<span style="color:#7F0055; font-weight: bold; "><head></span>
<span style="color:#7F0055; font-weight: bold; "><meta</span> http-equiv=<span style="color:#2A00FF; ">"Content-Type"</span> content=<span style="color:#2A00FF; ">"text/html; charset=utf-8"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><title></span>Dragonfly, free website template<span style="color:#7F0055; font-weight: bold; "></title></span>
<span style="color:#7F0055; font-weight: bold; "><meta</span> name=<span style="color:#2A00FF; ">"keywords"</span> content=<span style="color:#2A00FF; ">"dragonfly, free website templates, one page layout, jquery"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><meta</span> name=<span style="color:#2A00FF; ">"description"</span> content=<span style="color:#2A00FF; ">"Dragonfly is one-page layout using jQuery and it is free website template from templatemo.com"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><link</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Reset_CSS?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><link</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_templatemo_style1?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.min?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span>
<span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.scrollTo-min?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span>
<span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.localscroll-min?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span>
<span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_init?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span>
<span style="color:#7F0055; font-weight: bold; "><link</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_slimbox2_css?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> media=<span style="color:#2A00FF; ">"screen"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/JavaScript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_slimbox2_js?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span>
<span style="color:#7F0055; font-weight: bold; "><link</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_orman?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> media=<span style="color:#2A00FF; ">"screen"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><link</span> rel=<span style="color:#2A00FF; ">"stylesheet"</span> href=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_nivo-slider?action=raw&ctype=text/css"</span> type=<span style="color:#2A00FF; ">"text/css"</span> media=<span style="color:#2A00FF; ">"screen"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "></head></span>
<span style="color:#7F0055; font-weight: bold; "><body></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"templatemo_wrapper"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"templatemo_header"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"site_title"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com/preview/templatemo_378_dragonfly"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span> target=<span style="color:#2A00FF; ">"_parent"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><ul</span> class=<span style="color:#2A00FF; ">"nav_menu"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#home"</span><span style="color:#7F0055; font-weight: bold; ">></span>Home<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#about"</span><span style="color:#7F0055; font-weight: bold; ">></span>About<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#services"</span><span style="color:#7F0055; font-weight: bold; ">></span>Services<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#gallery"</span><span style="color:#7F0055; font-weight: bold; ">></span>Portfolio<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#contact"</span><span style="color:#7F0055; font-weight: bold; ">></span>Contact<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "></ul></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"social_button"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/facebook.png"</span> alt=<span style="color:#2A00FF; ">"Facebook"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span>
<span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/flickr.png"</span> alt=<span style="color:#2A00FF; ">"Flickr"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span>
<span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"#"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/twitter.png"</span> alt=<span style="color:#2A00FF; ">"Twitter"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"clear"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><p></span>
c 2072 Company Name<span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com/preview/templatemo_378_dragonfly"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span> target=<span style="color:#2A00FF; ">"_parent"</span><span style="color:#7F0055; font-weight: bold; ">></span>Dragonfly<span style="color:#7F0055; font-weight: bold; "></a></span> by<span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span> target=<span style="color:#2A00FF; ">"_parent"</span><span style="color:#7F0055; font-weight: bold; ">></span>templatemo<span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></p></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"templatemo_main"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"home"</span> class=<span style="color:#2A00FF; ">"home_slider"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"theme-orman"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"slider"</span> class=<span style="color:#2A00FF; ">"nivoSlider"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/8/82/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 1"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/7/7e/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/b/b6/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 2"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/7/71/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/1/13/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 3"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/4/41/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/2/22/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 4"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/7/7d/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/f/fb/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05.jpg"</span> alt=<span style="color:#2A00FF; ">"Dragonfly 5"</span> rel=<span style="color:#2A00FF; ">"https://static.igem.org/mediawiki/2014hs/d/d9/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05_thumb.jpg"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery-1.6.1.min?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span>
<span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span> src=<span style="color:#2A00FF; ">"https://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_jquery.nivo.slider.pack?action=raw&ctype=text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></script></span>
<span style="color:#7F0055; font-weight: bold; "><script</span> type=<span style="color:#2A00FF; ">"text/javascript"</span><span style="color:#7F0055; font-weight: bold; ">></span>
$(window).load(function() {
$('#slider').nivoSlider({
controlNavThumbs:true,
controlNavThumbsFromRel:true,
directionNav:false, <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Next and Prev
keyboardNav:true, <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Use left and right arrows
pauseOnHover:true <span style="color:#7F0055; font-weight: bold; ">/</span><span style="color:#7F0055; font-weight: bold; ">/</span> Stop animation while hovering
});
});
<span style="color:#7F0055; font-weight: bold; "></script></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"section section_with_padding"</span> id=<span style="color:#2A00FF; ">"about"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><h1></span>About<span style="color:#7F0055; font-weight: bold; "></h1></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_border img_fl"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/templatemo_image_01.jpg"</span> alt=<span style="color:#2A00FF; ">"image 1"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><p></span><span style="color:#7F0055; font-weight: bold; "><em></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.<span style="color:#7F0055; font-weight: bold; "></em></span><span style="color:#7F0055; font-weight: bold; "></p></span>
<span style="color:#7F0055; font-weight: bold; "><p></span>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. <span style="color:#7F0055; font-weight: bold; "></p></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"clear h40"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_border img_fr"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/templatemo_image_02.jpg"</span> alt=<span style="color:#2A00FF; ">"image 2"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><p></span><span style="color:#7F0055; font-weight: bold; "><em></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.<span style="color:#7F0055; font-weight: bold; "></em></span><span style="color:#7F0055; font-weight: bold; "></p></span>
<span style="color:#7F0055; font-weight: bold; "><p></span>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. Validate <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://validator.w3.org/check?uri=referer"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span><span style="color:#7F0055; font-weight: bold; ">></span>XHTML<span style="color:#7F0055; font-weight: bold; "></a></span> & <span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://jigsaw.w3.org/css-validator/check/referer"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span><span style="color:#7F0055; font-weight: bold; ">></span>CSS<span style="color:#7F0055; font-weight: bold; "></a></span>.<span style="color:#7F0055; font-weight: bold; "></p></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"section section_with_padding"</span> id=<span style="color:#2A00FF; ">"services"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><h1></span>Services<span style="color:#7F0055; font-weight: bold; "></h1></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"half right"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_border img_nom"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://www.templatemo.com"</span> rel=<span style="color:#2A00FF; ">"nofollow"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/templatemo_image_04.jpg"</span> alt=<span style="color:#2A00FF; ">"image 4"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><ul</span> class=<span style="color:#2A00FF; ">"list_bullet"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><li></span>Maecenas ac odio ipsum donec<span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span>Fusce risus tortor, interdum<span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span>Proin facilisis ullamcorper<span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span>Sed vel justo quis ligula<span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span>Ut tristique sagittis arcu<span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span>Maecenas ac odio ipsum donec<span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span>Fusce risus tortor, interdum<span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span>Proin facilisis ullamcorper<span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "></ul></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"half left"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_border img_nom"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/templatemo_image_03.jpg"</span> alt=<span style="color:#2A00FF; ">"image 3"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><p></span><span style="color:#7F0055; font-weight: bold; "><em></span>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis. <span style="color:#7F0055; font-weight: bold; "></em></span><span style="color:#7F0055; font-weight: bold; "></p></span>
<span style="color:#7F0055; font-weight: bold; "><p></span>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit.<span style="color:#7F0055; font-weight: bold; "></p></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"section"</span> id=<span style="color:#2A00FF; ">"gallery"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><ul</span> id=<span style="color:#2A00FF; ">"gallery_wrapper"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/09-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/09.jpg"</span> alt=<span style="color:#2A00FF; ">"image 9"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/10-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/10.jpg"</span> alt=<span style="color:#2A00FF; ">"image 10"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/11-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/11.jpg"</span> alt=<span style="color:#2A00FF; ">"image 11"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/12-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/12.jpg"</span> alt=<span style="color:#2A00FF; ">"image 12"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/01-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/01.jpg"</span> alt=<span style="color:#2A00FF; ">"image 01"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/02-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/02.jpg"</span> alt=<span style="color:#2A00FF; ">"image 02"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/03-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/03.jpg"</span> alt=<span style="color:#2A00FF; ">"image 03"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/04-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/04.jpg"</span> alt=<span style="color:#2A00FF; ">"image 04"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/05-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/05.jpg"</span> alt=<span style="color:#2A00FF; ">"image 05"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/06-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/06.jpg"</span> alt=<span style="color:#2A00FF; ">"image 06"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/07-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/07.jpg"</span> alt=<span style="color:#2A00FF; ">"image 07"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/08-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/08.jpg"</span> alt=<span style="color:#2A00FF; ">"image 08"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/09-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/09.jpg"</span> alt=<span style="color:#2A00FF; ">"image 09"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/10-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/10.jpg"</span> alt=<span style="color:#2A00FF; ">"image 10"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/11-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/11.jpg"</span> alt=<span style="color:#2A00FF; ">"image 11"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/12-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/12.jpg"</span> alt=<span style="color:#2A00FF; ">"image 12"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/01-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/01.jpg"</span> alt=<span style="color:#2A00FF; ">"image 01"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/02-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/02.jpg"</span> alt=<span style="color:#2A00FF; ">"image 02"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/03-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/03.jpg"</span> alt=<span style="color:#2A00FF; ">"image 03"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "><li></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"images/gallery/04-l.jpg"</span> rel=<span style="color:#2A00FF; ">"lightbox[gallery]"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/gallery/04.jpg"</span> alt=<span style="color:#2A00FF; ">"image 04"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></li></span>
<span style="color:#7F0055; font-weight: bold; "></ul></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"section section_with_padding"</span> id=<span style="color:#2A00FF; ">"contact"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><h1></span>Contact Us<span style="color:#7F0055; font-weight: bold; "></h1></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"half left"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><h4></span>Quick Contact<span style="color:#7F0055; font-weight: bold; "></h4></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> id=<span style="color:#2A00FF; ">"contact_form"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><form</span> method=<span style="color:#2A00FF; ">"post"</span> name=<span style="color:#2A00FF; ">"contact"</span> action=<span style="color:#2A00FF; ">"#contact"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><label</span> for=<span style="color:#2A00FF; ">"author"</span><span style="color:#7F0055; font-weight: bold; ">></span>Name:<span style="color:#7F0055; font-weight: bold; "></label></span>
<span style="color:#7F0055; font-weight: bold; "><input</span> name=<span style="color:#2A00FF; ">"author"</span> type=<span style="color:#2A00FF; ">"text"</span> class=<span style="color:#2A00FF; ">"required input_field"</span> id=<span style="color:#2A00FF; ">"author"</span> maxlength=<span style="color:#2A00FF; ">"30"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><label</span> for=<span style="color:#2A00FF; ">"email"</span><span style="color:#7F0055; font-weight: bold; ">></span>Email:<span style="color:#7F0055; font-weight: bold; "></label></span>
<span style="color:#7F0055; font-weight: bold; "><input</span> name=<span style="color:#2A00FF; ">"email"</span> type=<span style="color:#2A00FF; ">"text"</span> class=<span style="color:#2A00FF; ">"validate-email required input_field"</span> id=<span style="color:#2A00FF; ">"email"</span> maxlength=<span style="color:#2A00FF; ">"30"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><label</span> for=<span style="color:#2A00FF; ">"message"</span><span style="color:#7F0055; font-weight: bold; ">></span>Message:<span style="color:#7F0055; font-weight: bold; "></label></span>
<span style="color:#7F0055; font-weight: bold; "><textarea</span> id=<span style="color:#2A00FF; ">"message"</span> name=<span style="color:#2A00FF; ">"text"</span> rows=<span style="color:#2A00FF; ">"0"</span> cols=<span style="color:#2A00FF; ">"0"</span> class=<span style="color:#2A00FF; ">"required"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></textarea></span>
<span style="color:#7F0055; font-weight: bold; "><input</span> type=<span style="color:#2A00FF; ">"submit"</span> class=<span style="color:#2A00FF; ">"submit_btn left"</span> name=<span style="color:#2A00FF; ">"submit"</span> id=<span style="color:#2A00FF; ">"submit"</span> value=<span style="color:#2A00FF; ">"Send"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><input</span> type=<span style="color:#2A00FF; ">"reset"</span> class=<span style="color:#2A00FF; ">"submit_btn right"</span> name=<span style="color:#2A00FF; ">"Reset"</span> id=<span style="color:#2A00FF; ">"reset"</span> value=<span style="color:#2A00FF; ">"Reset"</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "></form></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"half right"</span><span style="color:#7F0055; font-weight: bold; ">></span>
<span style="color:#7F0055; font-weight: bold; "><h4></span>Address<span style="color:#7F0055; font-weight: bold; "></h4></span>
130-310 Duis lacinia dictum, <span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
Vestibulum auctor, 10990<span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
Nam rhoncus, diam a mollis<span style="color:#7F0055; font-weight: bold; "><br</span> <span style="color:#7F0055; font-weight: bold; ">/></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"clear h20"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "><div</span> class=<span style="color:#2A00FF; ">"img_nom img_border"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><a</span> href=<span style="color:#2A00FF; ">"http://goo.gl/VZrm0H"</span> target=<span style="color:#2A00FF; ">"_blank"</span><span style="color:#7F0055; font-weight: bold; ">></span><span style="color:#7F0055; font-weight: bold; "><img</span> src=<span style="color:#2A00FF; ">"images/location.jpg"</span> alt=<span style="color:#2A00FF; ">"our location"</span> width=<span style="color:#2A00FF; ">"230"</span> height=<span style="color:#2A00FF; ">"230"</span> <span style="color:#7F0055; font-weight: bold; ">/></span><span style="color:#7F0055; font-weight: bold; "></a></span><span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></div></span>
<span style="color:#7F0055; font-weight: bold; "></body></span>
<span style="color:#7F0055; font-weight: bold; "></html></span>
