Indramayu IT Comunity
Path:
/
home
/
guruvidyaacademy
/
public_html
/
austrickevent.com
/
[
Home
]
File: portfolio1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title> RT-Theme 13 </title> <link rel="stylesheet" type="text/css" href="css/style.css" /> <link rel="stylesheet" type="text/css" href="css/backgrounds/abstract-1.css" /> <link rel="stylesheet" type="text/css" href="css/prettyPhoto.css" media="screen" /> <script type='text/javascript' src='js/jquery-1.4.4.min.js'> </script> <script type='text/javascript' src='js/jquery.easing.1.3.js'> </script> <script type='text/javascript' src='js/jquery.cycle.all.min.js'> </script> <script type='text/javascript' src='js/jquery.validate.js'> </script> <script type="text/javascript" src="js/jquery.form.js"> </script> <script type='text/javascript' src='js/jquery.prettyPhoto.js'> </script> <script type='text/javascript' src='js/cufon.js'> </script> <script type='text/javascript' src='js/aller.cufonfonts.js'> </script> <script type='text/javascript' src='js/jflickrfeed.min.js'> </script> <script type='text/javascript' src='js/jquery.tweet.js'> </script> <script type='text/javascript' src='js/jquery.tools.min.js'> </script> <script type='text/javascript' src='js/jquery.nivo.slider.pack.js'> </script> <script type='text/javascript' src='js/jquery.kwicks-1.5.1.pack.js'> </script> <script type='text/javascript' src='js/script.js'> </script> <script type='text/javascript' src='js/jquery.innerfade.js'> </script> <!--[if IE]> <link rel="stylesheet" type="text/css" href="css/ie-fix.css" /> <![endif]--> </head> <body> <!-- wrapper --> <div id="container"> <!-- 100% Bakcground Image --> <div class="background_holder"> <!-- <img src="images/background_images/home_background1.jpg" alt="" /> <img src="images/background_images/home_background2.jpg" alt="" /> <img src="images/background_images/home_background3.jpg" alt="" /> <img src="images/background_images/home_background4.jpg" alt="" /> --> </div> <!-- / 100% Bakcground Image --> <!-- Top Bar --> <div id="top_bar"> <div class="top_content"> <!-- Search --> <div class="search_bar"> <form action="#" method="get" class="showtextback"> <fieldset> <input type="text" class="search_text" name="q" value="search" /> <input type="image" src="images/pixel.gif" class="searchsubmit" alt="" /> </fieldset> </form> </div> <!-- / Search--> <!-- Top Links --> <ul class="top_links "> <li class="first"> <a href="index-2.html" title="">Home</a> </li> <li> <a href="index-2.html" title="">Career</a> </li> <li> <a href="index-2.html" title="">Contact Us</a> </li> </ul> <!-- / Top Links --> <!-- / flags --> <ul class="flags"> <li> <a href="#" title="Deutsch" class="j_ttip"><img src="images/assets/flags/de.png" height="12" alt="de" width="18" /></a> </li> <li> <a href="#" title="English" class="j_ttip"><img src="images/assets/flags/en.png" height="12" alt="en" width="18" /></a> </li> <li> <a href="#" title="Türkçe" class="j_ttip"><img src="images/assets/flags/tr.png" height="12" alt="tr" width="18" /></a> </li> </ul> <!-- / flags --> </div> </div> <!-- / Top Bar --> <!-- wrapper 2 --> <div id="wrapper"> <!-- Header --> <div id="header"> <!-- logo --> <div id="logo"> <a href="index-2.html" title="RT-Theme 13"><img src="images/logo.png" alt="RT-Theme 13" class="png" /></a> </div> <!-- /logo --> <!-- header slogan --> <div class="top_slogan"> Call Us Free: +01 555 55 55 </div> <!-- /header slogan --> <div class="clear"> </div> </div> <!-- / Header --> <!-- Navigation --> <div id="navigation"> <ul> <li> <a href="index-2.html">HOME</a> <span> Start Here </span> </li> <li class="current_page_item"> <a href="about_us.html">FEATURES</a> <span> Theme Features List </span> <!-- first level dropdown menu --> <ul> <li> <a href="#">HOME PAGE SLIDERS</a> <!-- second level dropdown menu --> <ul> <li> <a href="index-2.html">NIVO SLIDER</a> </li> <li> <a href="index-accordion-slider.html">ACCORDION SLIDER</a> </li> <li> <a href="index-video-static.html">STATIC VIDEO HOME PAGE</a> </li> <li> <a href="index-content-slider.html">CONTENT SLIDER - BACKGROUND SLIDER</a> </li> <li> <a href="index-content-slider-2.html">CONTENT SLIDER - STATIC BACKGROUND</a> </li> </ul> <!-- / second level dropdown menu --> </li> <li> <a href="#">TEMPLATE FEATURES</a> <!-- second level dropdown menu --> <ul> <li> <a href="sub-page-columns.html">SUB PAGE COLUMNS</a> </li> <li> <a href="full-width-columns.html">FULL WIDTH SUB PAGE COLUMNS</a> </li> <li> <a href="images-galleries-sliders.html">IMAGES, GALLERIES AND IMAGE SLIDERS</a> </li> <li> <a href="tabs-content-boxes.html">TABS AND CONTENT BOXES</a> </li> <li> <a href="other_elements.html">OTHER ELEMENTS</a> </li> </ul> <!-- / second level dropdown menu --> </li> <li> <a href="#">PAGE TEMPALTES</a> <!-- second level dropdown menu --> <ul> <li> <a href="about_us.html">SUB PAGE WITH SIDEBAR</a> </li> <li> <a href="full_width.html">FULL WIDTH SUB PAGE</a> </li> <li> <a href="products.html">PRODUCT LIST</a> </li> <li> <a href="product_detail.html">PRODUCT DETAILS</a> </li> <li> <a href="blog-single-1.html">SINGLE BLOG PAGE - layout 1 </a> </li> <li> <a href="blog-single-2.html">SINGLE BLOG PAGE - layout 2</a> </li> <li> <a href="blog.html">BLOG CATEGORY - layout 1</a> </li> <li> <a href="blog-2.html">BLOG CATEGORY - layout 2</a> </li> <li> <a href="contact_us.html">CONTACT US PAGE</a> </li> </ul> <!-- / second level dropdown menu --> </li> <li> <a href="#">PORTFOLIO LAYOUTS</a> <!-- second level dropdown menu --> <ul> <li> <a href="portfolio1.html">PORTFOLIO ONE COLUMN</a> </li> <li> <a href="portfolio2.html">PORTFOLIO TWO COLUMN</a> </li> <li> <a href="portfolio3.html">PORTFOLIO THREE COLUMN</a> </li> <li> <a href="portfolio.html">PORTFOLIO FOUR COLUMN</a> </li> <li> <a href="portfolio5.html">PORTFOLIO FIVE COLUMN</a> </li> </ul> <!-- / second level dropdown menu --> </li> </ul> <!-- / first level dropdown menu --> </li> <li> <a href="portfolio.html">PORTFOLIO</a> <span> Portfolio Page Layouts </span> <!-- first level dropdown menu --> <ul> <li> <a href="portfolio1.html">PORTFOLIO ONE COLUMN</a> </li> <li> <a href="portfolio2.html">PORTFOLIO TWO COLUMN</a> </li> <li> <a href="portfolio3.html">PORTFOLIO THREE COLUMN</a> </li> <li> <a href="portfolio.html">PORTFOLIO FOUR COLUMN</a> </li> <li> <a href="portfolio5.html">PORTFOLIO FIVE COLUMN</a> </li> </ul> <!-- / first level dropdown menu --> </li> <li> <a href="products.html">PRODUCTS</a> <span> Product Showcase </span> <!-- first level dropdown menu --> <ul> <li> <a href="product_detail.html">PRODUCT DETAILS</a> </li> <li> <a href="products.html">PRODUCTS LIST</a> </li> </ul> <!-- / first level dropdown menu --> </li> <li> <a href="blog.html">COMPANY BLOG</a> <span> Blog Related Page Layouts </span> <!-- first level dropdown menu --> <ul> <li> <a href="blog-single-1.html">SINGLE BLOG PAGE - layout 1 </a> </li> <li> <a href="blog-single-2.html">SINGLE BLOG PAGE - layout 2</a> </li> <li> <a href="blog.html">BLOG CATEGORY - layout 1</a> </li> <li> <a href="blog-2.html">BLOG CATEGORY - layout 2</a> </li> </ul> <!-- / first level dropdown menu --> </li> <li> <a href="contact_us.html">CONTACT US</a> <span> Contact Details and Form </span> </li> </ul> </div> <!-- / Navigation --> <!-- Page navigation--> <div class="breadcrumb"> You are here: <a href="index-2.html">Home</a> \ About Us </div> <!-- /Page navigation--> <!-- Content --> <div class="content"> <!-- Page Title --> <div class="row titlebar"> <h2> One Column </h2> <div class="line nomargin"> </div> </div> <!-- / Page Title --> <!-- Start Porfolio Items --> <!-- row --> <div class="row white"> <!-- box --> <div class="box two portfolio"> <!-- portfolio image --> <span class="aligncenter"> <span class="border"> <a href="images/assets/portfolio/2b.jpg" title="" rel="prettyPhoto[rt_theme_portfolio]" class="imgeffect plus"> <img src="images/assets/portfolio/2k.jpg" alt="" width="434" height="180" /></a> </span> </span> <!-- / portfolio image --> </div> <div class="box two"> <!-- title--> <h3> <a href="#" title="">Curabitur Laoreet Mattis</a> </h3> <!-- text--> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam sed diam voluptua. </p> <ul> <li> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li> <li> Sed ut turpis libero. Praesent eget justo dui, sit amet dignissim risus. </li> <li> Integer pretium urna id nunc posuere ornare. </li> </ul> <!-- / text--> <!-- link --> <a href="#" title="" class="small_button nomargin">Read More</a> </div> <!-- /box --> </div> <!-- / row --> <div class="clear"> </div> <!-- row --> <div class="row white"> <!-- box --> <div class="box two portfolio"> <!-- portfolio image --> <span class="aligncenter"> <span class="border"> <!-- Vimeo Video Sample --> <a href="http://vimeo.com/7809605" title="Vimeo Video Sample" rel="prettyPhoto[rt_theme_portfolio]" class="imgeffect play"><img src="images/assets/portfolio/1k.jpg" alt="" width="434" height="180" /></a> </span> </span> <!-- / portfolio image --> </div> <div class="box two"> <!-- title--> <h3> <a href="#" title="">Vimeo Video Sample</a> </h3> <!-- text--> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam sed diam voluptua. </p> <ul> <li> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li> <li> Sed ut turpis libero. Praesent eget justo dui, sit amet dignissim risus. </li> <li> Integer pretium urna id nunc posuere ornare. </li> </ul> <!-- / text--> <!-- link --> <a href="#" title="" class="small_button nomargin">Read More</a> </div> <!-- /box --> </div> <!-- / row --> <div class="clear"> </div> <!-- row --> <div class="row white"> <!-- box --> <div class="box two portfolio"> <!-- portfolio image --> <span class="aligncenter"> <span class="border"> <!-- Youtube Video Sample --> <a href="http://www.youtube.com/watch?v=5BtsQ35VukQ" title="Youtube Video Sample" rel="prettyPhoto[rt_theme_portfolio]" class="imgeffect play"><img src="images/assets/portfolio/7k.jpg" alt="" width="434" height="180" /></a> </span> </span> <!-- / portfolio image --> </div> <div class="box two"> <!-- title--> <h3> <a href="#" title="">Youtube Video Sample</a> </h3> <!-- text--> <p> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam sed diam voluptua. </p> <ul> <li> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </li> <li> Sed ut turpis libero. Praesent eget justo dui, sit amet dignissim risus. </li> <li> Integer pretium urna id nunc posuere ornare. </li> </ul> <!-- / text--> <!-- link --> <a href="#" title="" class="small_button nomargin">Read More</a> </div> <!-- /box --> </div> <!-- / row --> <div class="clear"> </div> <!-- End Porfolio Items --> <!-- pagingation wrapper --> <div class="row silver no-vertical-padding"> <!-- paging--> <ul class="paging portfolio"> <li class="arrowleft"> <a href="#"> </a> </li> <li class="active"> <a href="#">1</a> </li> <li> <a href="#">2</a> </li> <li> <a href="#">3</a> </li> <li> <a href="#">4</a> </li> <li> <a href="#">5</a> </li> <li> <a href="#">16</a> </li> <li class="arrowright"> <a href="#"> </a> </li> </ul> <!-- / paging--> <div class="clear"> </div> </div> <!-- / pagingation wrapper --> </div> <!-- / Content --> </div> <!-- / wrapper 2 end--> </div> <!-- / wrapper end--> <!-- Footer --> <div id="footer"> <div class="bottom_corners"> </div> <!-- banner bar with button --> <div class="banner"> <div class="banner_content"> <a href="#" title="" class="banner_button alignright">get a quote</a> <span class="cufon"> Lorem ipsum dolor sit amet, consectetur adipiscing elit </span> </div> </div> <!-- / banner bar with button --> <!-- First Row --> <div class="row footer"> <!-- box --> <div class="box four first"> <!-- Latest News --> <h5> <a href="#">Latest News</a> </h5> <ul class="footer_list"> <li> <a href="#" title="">Mauris ornare turpis nec diam</a> </li> <li> <a href="#" title="">Nunc sagittis ipsum a libero </a> </li> <li> <a href="#" title="">Phasellus cursus massa non</a> </li> <li> <a href="#" title="">Ut vel nisi non tortor ultrices</a> </li> <li> <a href="#" title="">Cras pellentesque commodo risus</a> </li> <li> <a href="#" title="">Nunc sagittis ipsum a libero </a> </li> </ul> </div> <!-- /box --> <!-- box --> <div class="box four"> <!-- Links --> <h5> <a href="#">Blog Roll</a> </h5> <ul class="footer_list"> <li> <a href="#" title="">Mauris ornare turpis nec diam</a> </li> <li> <a href="#" title="">Nunc sagittis ipsum a libero </a> </li> <li> <a href="#" title="">Phasellus cursus massa non</a> </li> <li> <a href="#" title="">Ut vel nisi non tortor ultrices</a> </li> <li> <a href="#" title="">Cras pellentesque commodo risus</a> </li> <li> <a href="#" title="">Nunc sagittis ipsum a libero </a> </li> </ul> </div> <!-- /box --> <!-- box --> <div class="box four"> <!-- box title--> <h5> <a href="about_us.html">About Us</a> </h5> <!-- text--> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis bibendum laoreet erat at dapibus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas nec enim lorem. Ut nulla orci urna. Nunc sagittis ipsum a libero, cras pellentesque commodo risus. </p> </div> <!-- /box --> <!-- box --> <div class="box four last"> <!-- box title--> <h5> <a href="portfolio.html">Contact Form</a> </h5> <div id="result_footer"> </div> <div id="contact_form_footer"> <!-- form --> <form action="http://templatemints.com/rttheme13/contact_form.php" id="validate_form_footer" method="post" class="showtextback"> <fieldset> <ul> <li> <label for="name"> </label> <input id="name" type="text" title="*" name="name" value="Your name: (*)" class="required" /> </li> <li> <label for="email"> </label> <input id="email" type="text" title="*" name="email" value="Your Email: (*)" class="required email" /> </li> <li> <label for="message"> </label> <textarea id="message" title="*" name="message" rows="8" cols="40" class="required"> Your message: (*) </textarea> </li> <li> <input type="submit" class="submitbutton" value="Send" /> <span class="loading"> </span> </li> </ul> </fieldset> </form> <!--/ form --> </div> </div> <!-- /box --> <div class="clear"> </div> </div> <!-- / First Row --> <!-- Second Row --> <div class="second_footer"> <div class="row sfooter"> Copyright © 2009 Company Name, Inc. <!-- footer menu --> <ul class="footer_menu"> <li class="first"> <a href="#">Portfolio</a> </li> <li> <a href="#">Our Products</a> </li> <li> <a href="#">Contact Us</a> </li> </ul> <!-- / footer menu --> <!-- social media icons --> <div class="social_media_icons"> <a href="#" class="j_ttip" title="folllow us on twitter"><img src="images/social_media/twitter_16.png" alt="" /></a> <a href="#" class="j_ttip" title="folllow us on facebook"><img src="images/social_media/facebook_16.png" alt="" /></a> <a href="#" class="j_ttip" title="subscribe to our rss feeds"><img src="images/social_media/rss_16.png" alt="" /></a> </div> <!-- / social media icons --> </div> </div> <!-- / Second Row --> </div> <!-- / Footer --> </body> </html>