Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Removed unwanted backup file.

  • Loading branch information...
commit ddd411f51bec6764676f5205913c0b6cca8d90dc 1 parent 60cda81
@davorg authored
Showing with 0 additions and 830 deletions.
  1. +0 −830 index.html~
View
830 index.html~
@@ -1,830 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<title>SIMPLE - Easy to use Creative Parallax Retina Ready Theme - Standard Edition | Responsive HTML5</title>
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<meta name="description" content="SIMPLE by Designova - An easy to use Creative Parallax - Retina Ready and Responsive HTML5 Theme">
-<meta name="author" content="Designova">
-
-<link rel="shortcut icon" href="assets/ico/favicon.ico">
-<!-- Standard iPhone Touch Icon-->
-<link rel="apple-touch-icon" sizes="57x57" href="assets/ico/apple-touch-icon-57-precomposed" />
-<!-- Retina iPhone Touch Icon-->
-<link rel="apple-touch-icon" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed" />
-<!-- Standard iPad Touch Icon-->
-<link rel="apple-touch-icon" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed" />
-<!-- Retina iPad Touch Icon-->
-<link rel="apple-touch-icon" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed" />
-
-<link href="assets/css/bootstrap.css" rel="stylesheet">
-<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
-<link href="assets/css/extension.css" rel="stylesheet">
-<link href="assets/css/typography.css" rel="stylesheet">
-<link href="assets/css/font-awesome.min.css" rel="stylesheet">
-<link href="stylesheets/responsive-nav.css" rel="stylesheet">
-<link href="stylesheets/team-grid.css" rel="stylesheet">
-<link href="stylesheets/service-grid.css" rel="stylesheet">
-<link href="stylesheets/prettyPhoto.css" rel="stylesheet"/>
-<link href="stylesheets/jquery.tweet.css" rel="stylesheet"/>
-<link href="stylesheets/idangerous.swiper.css" rel="stylesheet">
-<link href="stylesheets/responsive-nav.css" rel="stylesheet">
-<link href="stylesheets/animate.css" rel="stylesheet">
-<link href="stylesheets/style.css" rel="stylesheet">
-
-
-<script src="javascripts/custom.modernizr.js"></script>
-
-<!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <link href="stylesheets/ie8.css" rel="stylesheet">
-<![endif]-->
-</head>
-
-
-<body>
-
-<!-- Mobile Only Navigation - 2 types each for (480px to 640px) and (640px to 960px) wide device screens -->
-<header id="mobile-header" class="hidden-desktop">
- <div id="nav">
- <ul class="clearfix">
- <li><a class="scroll-link" href="#home" data-soffset="0">Home</a></li>
- <li><a class="scroll-link" href="#about" data-soffset="0">About</a></li>
- <li><a class="scroll-link" href="#team" data-soffset="0">Team</a></li>
- <li><a class="scroll-link" href="#portfolio" data-soffset="0">Works</a></li>
- <li><a class="scroll-link" href="#contact" data-soffset="0">Contact</a></li>
- <li><a href="#" data-soffset="0">Buy Now</a></li>
- </ul>
- </div>
-</header>
-
-
-<!-- HEADER : STARTS -->
-<header id="masthead" class="hidden-tablet hidden-phone">
-<section class="container-fluid">
- <div class="row-fluid">
-
- <article class="span6 text-left">
- <img alt="simple" title="simple" class="head-logo" src="images/head-logo.png" />
- </article>
-
- <article class="span6 credits">
- <ul id="mast-nav" class="text-right clearfix">
- <li><a class="scroll-link active" href="#intro" id="intro-linker" data-soffset="90">home</a></li>
- <li><a class="scroll-link" href="#about" id="about-linker" data-soffset="0">about</a></li>
- <li><a class="scroll-link" href="#team" id="team-linker" data-soffset="0">team</a></li>
- <li><a class="scroll-link" href="#portfolio" id="portfolio-linker" data-soffset="0">works</a></li>
- <li><a class="scroll-link" href="#contact" id="contact-linker" data-soffset="0">contact</a></li>
- </ul>
- </article>
-
- </div>
-</section>
-</header>
-
-
-<!-- HOME : STARTS -->
-<section id="home" data-stellar-background-ratio="1.7">
-<section class="container-fluid">
- <div class="row-fluid">
-
- <section class="container">
- <div class="row">
- <article class="span12">
- <div id="intro">
- <div id="logo">
- <img alt="simple" title="simple" src="images/logo.png" />
- </div>
- <h1>It's Simple</h1>
- <h2><span>An easy to use, one page creative theme.</span></h2>
- <div id="explore" class="hidden-phone">
- <a class="scroll scroll-link" href="#about" data-soffset="0"><img alt="simple" title="simple" src="images/scroll.png"/></a>
- </div>
- </div>
- </article>
- </div>
- </section>
-
- </div>
- </section>
-</section>
-<!-- HOME : ENDS -->
-
-
-<!-- ABOUT : STARTS -->
-<section id="about" class="page-section navigation-fadeIn" data-stellar-background-ratio="2">
-<section class="container-fluid">
- <div class="row-fluid">
-
- <section class="container">
-
- <div class="row">
- <article class="span12 text-center">
- <h1 class="main-heading">A Simple Story</h1>
- <h2 class="sub-heading"><span>Simplicity has a new name</span></h2>
- </article>
- </div>
-
- <div class="row add-top">
- <article class="span10 offset1 text-center">
- <p class="promo-text">Simple, as the name says is a <span>simple</span> creative theme where people can <span>easily</span> create their website within ten <span>minutes</span> - yes we say, ten minutes of time! This is <span>possible</span> because we have built this theme to be a perfectly minimal but stunningly <span>nice</span> on looks.</p>
- </article>
- </div>
-
- </section>
-
-
-
- </div>
- </section>
-
- <section id="services" class="add-top">
-
-
- <div class="swiper-container clearfix">
- <div class="swiper-wrapper clearfix">
- <div class="swiper-slide simple-bg-three">
- <h2>design</h2>
- <img alt="simple" title="simple" src="images/about/01.jpg"/>
- <h3>What we do</h3>
- <p>Pellentesque id nunc tempus metus gravida luctus id sit amet ipsum. Fusce eleifend ipsum vel odio hendrerit eu auctor nibh dictum. Vivamus facilisis blandit ante id ultricies. Suspendisse id metus elit. Nullam odio leo, ornare ac porta et, suscipit non lectus. </p>
- </div>
- <div class="swiper-slide simple-bg-four">
- <h2>code</h2>
- <img alt="simple" title="simple" src="images/about/02.jpg"/>
- <h3>What we do</h3>
- <p>Pellentesque id nunc tempus metus gravida luctus id sit amet ipsum. Fusce eleifend ipsum vel odio hendrerit eu auctor nibh dictum. Vivamus facilisis blandit ante id ultricies. Suspendisse id metus elit. Nullam odio leo, ornare ac porta et, suscipit non lectus. </p>
- </div>
- <div class="swiper-slide simple-bg-one">
- <h2>debug</h2>
- <img alt="simple" title="simple" src="images/about/03.jpg"/>
- <h3>What we do</h3>
- <p>Pellentesque id nunc tempus metus gravida luctus id sit amet ipsum. Fusce eleifend ipsum vel odio hendrerit eu auctor nibh dictum. Vivamus facilisis blandit ante id ultricies. Suspendisse id metus elit. Nullam odio leo, ornare ac porta et, suscipit non lectus. </p>
- </div>
- <div class="swiper-slide simple-bg-two">
- <h2>deploy</h2>
- <img alt="simple" title="simple" src="images/about/04.jpg"/>
- <h3>What we do</h3>
- <p>Pellentesque id nunc tempus metus gravida luctus id sit amet ipsum. Fusce eleifend ipsum vel odio hendrerit eu auctor nibh dictum. Vivamus facilisis blandit ante id ultricies. Suspendisse id metus elit. Nullam odio leo, ornare ac porta et, suscipit non lectus. </p>
- </div>
- <div class="swiper-slide simple-bg-five">
- <h2>support</h2>
- <img alt="simple" title="simple" src="images/about/05.jpg"/>
- <h3>What we do</h3>
- <p>Pellentesque id nunc tempus metus gravida luctus id sit amet ipsum. Fusce eleifend ipsum vel odio hendrerit eu auctor nibh dictum. Vivamus facilisis blandit ante id ultricies. Suspendisse id metus elit. Nullam odio leo, ornare ac porta et, suscipit non lectus. </p>
- </div>
- <div class="swiper-slide simple-bg-six">
- <h2>concept</h2>
- <img alt="simple" title="simple" src="images/about/06.jpg"/>
- <h3>What we do</h3>
- <p>Pellentesque id nunc tempus metus gravida luctus id sit amet ipsum. Fusce eleifend ipsum vel odio hendrerit eu auctor nibh dictum. Vivamus facilisis blandit ante id ultricies. Suspendisse id metus elit. Nullam odio leo, ornare ac porta et, suscipit non lectus. </p>
- </div>
- <div class="swiper-slide simple-bg-eight">
- <h2>ideas</h2>
- <img alt="simple" title="simple" src="images/about/07.jpg"/>
- <h3>What we do</h3>
- <p>Pellentesque id nunc tempus metus gravida luctus id sit amet ipsum. Fusce eleifend ipsum vel odio hendrerit eu auctor nibh dictum. Vivamus facilisis blandit ante id ultricies. Suspendisse id metus elit. Nullam odio leo, ornare ac porta et, suscipit non lectus. </p>
- </div>
- <div class="swiper-slide simple-bg-seven">
- <h2>inspire</h2>
- <img alt="simple" title="simple" src="images/about/08.jpg"/>
- <h3>What we do</h3>
- <p>Pellentesque id nunc tempus metus gravida luctus id sit amet ipsum. Fusce eleifend ipsum vel odio hendrerit eu auctor nibh dictum. Vivamus facilisis blandit ante id ultricies. Suspendisse id metus elit. Nullam odio leo, ornare ac porta et, suscipit non lectus. </p>
- </div>
- </div>
- <!-- <div class="pagination"></div> -->
- </div>
-
- </section>
-
-
-</section>
-<!-- ABOUT : ENDS -->
-
-
-
-<!-- TEAM : STARTS -->
-<section id="team" class="page-section seperator-layer" data-stellar-background-ratio="2">
-<section class="container-fluid">
- <div class="row-fluid">
-
- <section class="container">
-
- <div class="row">
- <article class="span12 text-center">
- <h1 class="main-heading">A Simple Team</h1>
- <h2 class="sub-heading-alt"><span>Simplicity has a new name</span></h2>
- </article>
- </div>
-
- <div class="row add-top add-bottom">
- <article class="span10 offset1 text-center">
- <p class="promo-text-alt">Our team is an <span>awesome</span> group of creative people with a love to create <span>amazing</span> things. We are <span>marathon</span> coders and <span>super</span> designers.</p>
- </article>
- </div>
-
- </section>
-
-
-
- </div>
- </section>
-
- <section id="team-grid" class="add-top">
-
- <!-- grid:starts -->
- <ul class="grid cs-style-3 clearfix">
-
-
- <li>
- <article class="team-block simple-bg-one">
- <img class="team-img" title="simple" alt="simple" src="images/team/03.jpg" >
- <section class="simple-bg-one team-info clearfix">
-
- <div class="team-info-content">
- <h3>John Doe</h3>
- <div class="team-details">
- <h6>Founder &amp; CEO</h6>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing. Ut eu semper turpis. In gravida leo laoreet magna blandit et malesuada lorem luctus.</p>
- </div>
- </div>
-
- <div class="team-info-icons">
- <div><a href="#"><img alt="simple" title="simple" src="images/social/01.png"/></a></div>
- <div><a href="#"><img alt="simple" title="simple" src="images/social/02.png"/></a></div>
- <div><a href="#"><img alt="simple" title="simple" src="images/social/03.png"/></a></div>
- </div>
-
- </section>
- </article>
- </li>
-
- <li>
- <article class="team-block simple-bg-three">
- <img class="team-img" title="simple" alt="simple" src="images/team/04.jpg" >
- <section class="simple-bg-three team-info clearfix">
-
- <div class="team-info-content">
- <h3>Clara Fenn</h3>
- <div class="team-details">
- <h6>Designer</h6>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing. Ut eu semper turpis. In gravida leo laoreet magna blandit et malesuada lorem luctus.</p>
- </div>
- </div>
-
- <div class="team-info-icons">
- <div><a href="#"><img alt="simple" title="simple" src="images/social/01.png"/></a></div>
- <div><a href="#"><img alt="simple" title="simple" src="images/social/02.png"/></a></div>
- <div><a href="#"><img alt="simple" title="simple" src="images/social/03.png"/></a></div>
- </div>
-
- </section>
- </article>
- </li>
-
- <li>
- <article class="team-block simple-bg-two">
- <img class="team-img" title="simple" alt="simple" src="images/team/01.jpg" >
- <section class="simple-bg-two team-info clearfix">
-
- <div class="team-info-content">
- <h3>Mark Heinz</h3>
- <div class="team-details">
- <h6>Developer</h6>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing. Ut eu semper turpis. In gravida leo laoreet magna blandit et malesuada lorem luctus.</p>
- </div>
- </div>
-
- <div class="team-info-icons">
- <div><a href="#"><img alt="simple" title="simple" src="images/social/01.png"/></a></div>
- <div><a href="#"><img alt="simple" title="simple" src="images/social/02.png"/></a></div>
- <div><a href="#"><img alt="simple" title="simple" src="images/social/03.png"/></a></div>
- </div>
-
- </section>
- </article>
- </li>
-
- <li>
- <article class="team-block simple-bg-five">
- <img class="team-img" title="simple" alt="simple" src="images/team/02.jpg" >
- <section class="simple-bg-five team-info clearfix">
-
- <div class="team-info-content">
- <h3>Lucy Novac</h3>
- <div class="team-details">
- <h6>Designer</h6>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing. Ut eu semper turpis. In gravida leo laoreet magna blandit et malesuada lorem luctus.</p>
- </div>
- </div>
-
- <div class="team-info-icons">
- <div><a href="#"><img alt="simple" title="simple" src="images/social/01.png"/></a></div>
- <div><a href="#"><img alt="simple" title="simple" src="images/social/02.png"/></a></div>
- <div><a href="#"><img alt="simple" title="simple" src="images/social/03.png"/></a></div>
- </div>
-
- </section>
- </article>
- </li>
-
-
- </ul>
- <!-- grid : ends -->
-
- </section>
-
-
- <section id="capability" class="container-fluid">
- <div class="row-fluid">
-
- <section class="container">
-
- <div class="row add-top">
- <article class="span10 offset1 text-center">
- <h1 class="small-heading">Our services are the best in class even if it is design related or development based. We create innovative designs, perfect code and great websites that actually works</h1>
- </article>
- </div>
-
- </section>
- </div>
- </section>
-
-
- <section class="service-grid clearfix">
-
- <ul class="cbp-ig-grid">
- <li class="simple-bg-one">
- <a href="#">
- <span class="cbp-ig-icon cbp-ig-icon-shoe"><img alt="simple" title="simple" src="images/services/01.png"></span>
- <h3 class="cbp-ig-title">Development</h3>
- <span class="cbp-ig-category">21 Websites</span>
- </a>
- </li>
- <li class="simple-bg-four">
- <a href="#">
- <span class="cbp-ig-icon cbp-ig-icon-shoe"><img alt="simple" title="simple" src="images/services/02.png"></span>
- <h3 class="cbp-ig-title">WordPress</h3>
- <span class="cbp-ig-category">35 Projects</span>
- </a>
- </li>
- <li class="simple-bg-three">
- <a href="#">
- <span class="cbp-ig-icon cbp-ig-icon-shoe"><img alt="simple" title="simple" src="images/services/03.png"></span>
- <h3 class="cbp-ig-title">Optimization</h3>
- <span class="cbp-ig-category">543 Clients</span>
- </a>
- </li>
- </ul>
-
-
- </section>
-
-
-</section>
-<!-- TEAM : ENDS -->
-
-
-
-
-<!-- PORTFOLIO : STARTS -->
-<section id="portfolio" class="page-section" data-stellar-background-ratio="2">
-<section class="container-fluid">
- <div class="row-fluid">
-
- <section class="container">
-
- <div class="row">
- <article class="span12 text-center">
- <h1 class="main-heading">A Simple Portfolio</h1>
- <h2 class="sub-heading"><span>Simplicity has a new name</span></h2>
- </article>
- </div>
-
- <div class="row add-top">
- <article class="span10 offset1 text-center">
- <p class="promo-text">Simple, as the name says is a <span>simple</span> creative theme where people can <span>easily</span> create their website within ten <span>minutes</span> - yes we say, ten minutes of time! This is <span>possible</span> because we have built this theme to be a perfectly minimal but stunningly <span>nice</span> on looks.</p>
- </article>
- </div>
-
- </section>
-
-
-
- </div>
- </section>
-
- <section id="portfolio-wrap" class="add-top">
-
- <!-- Filter -->
- <div id="filter" class="clearfix">
- <div id="filter_wrapper">
- <ul id="portfolioFilter">
- <li class="active"><a href="#" class="all">All</a></li>
- <li class="separator">/</li>
- <li><a href="#" class="category1">Photos</a></li>
- <li class="separator">/</li>
- <li><a href="#" class="category2">Youtube</a></li>
- <li class="separator">/</li>
- <li><a href="#" class="category3">Vimeo</a></li>
- <li class="separator">/</li>
- <li><a href="#" class="category4">Lightbox Photos</a></li>
- <li class="separator">/</li>
- <li><a href="#" class="category5">Lightbox Video</a></li>
- <li class="separator">/</li>
- <li><a href="#feed-gallery" class="scroll-link" data-soffset="90">Flickr / Instagram Feed</a></li>
- </ul>
- </div>
- </div>
- <!-- End: Filter -->
-
- <!-- Container element for a single portfolio item. Do not remove! -->
- <div id="item_container" class="clearfix"></div>
-
- <!-- Thumbnails -->
- <div id="portfolio_thumbs">
-
- <ul class="sortablePortfolio clearfix">
-
- <!-- 1st thumb -->
- <li data-type="category1" class="simple-bg-one">
- <!-- Thumbnail -->
- <a href="photo_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio1.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio1_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="photo_item.htm" class="more_info">Work Title 1</a></h3>
- <p>photography</p>
- </div>
- </li>
-
- <!-- 2nd thumb -->
- <li data-type="category2" class="simple-bg-two">
- <!-- Thumbnail -->
- <a href="youtube_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio2.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio2_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="youtube_item.htm" class="more_info">Work Title 2</a></h3>
- <p>youtube</p>
- </div>
- </li>
-
- <!-- 3rd thumb -->
- <li data-type="category3" class="simple-bg-three">
- <!-- Thumbnail -->
- <a href="vimeo_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio3.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio3_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="vimeo_item.htm" class="more_info">Work Title 3</a></h3>
- <p>vimeo</p>
- </div>
- </li>
-
- <!-- 4th thumb -->
- <li data-type="category1" class="simple-bg-four">
- <!-- Thumbnail -->
- <a href="photo_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio4.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio4_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="photo_item.htm" class="more_info">Work Title 4</a></h3>
- <p>photography</p>
- </div>
- </li>
-
- <!-- 5th thumb -->
- <li data-type="category4" class="simple-bg-five">
- <!-- Thumbnail -->
- <a href="images/portfolio_zoom/01.jpg" data-gal="prettyPhoto[gallery]">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio5.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio5_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="images/portfolio_zoom/01.jpg" data-gal="prettyPhoto[gallery]">Work Title 5</a></h3>
- <p>lightbox</p>
- </div>
- </li>
-
- <!-- 6th thumb -->
- <li data-type="category2" class="simple-bg-six">
- <!-- Thumbnail -->
- <a href="youtube_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio6.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio6_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="youtube_item.htm" class="more_info">Work Title 6</a></h3>
- <p>youtube</p>
- </div>
- </li>
-
- <!-- 7th thumb -->
- <li data-type="category5" class="simple-bg-seven">
- <!-- Thumbnail -->
- <a href="http://www.youtube.com/watch?v=1iIZeIy7TqM" data-gal="prettyPhoto[gallery]">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio7.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio7_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="http://www.youtube.com/watch?v=1iIZeIy7TqM" data-gal="prettyPhoto[gallery]">Work Title 7</a></h3>
- <p>lightbox</p>
- </div>
- </li>
-
- <!-- 8th thumb -->
- <li data-type="category1" class="simple-bg-eight">
- <!-- Thumbnail -->
- <a href="photo_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio8.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio8_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="photo_item.htm" class="more_info">Work Title 8</a></h3>
- <p>photography</p>
- </div>
- </li>
-
- <!-- 9th thumb -->
- <li data-type="category3" class="simple-bg-one">
- <!-- Thumbnail -->
- <a href="vimeo_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio9.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio9_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="vimeo_item.htm" class="more_info">Work Title 9</a></h3>
- <p>vimeo</p>
- </div>
- </li>
-
- <!-- 10th thumb -->
- <li data-type="category2" class="simple-bg-two">
- <!-- Thumbnail -->
- <a href="youtube_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio10.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio10_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="youtube_item.htm" class="more_info">Work Title 10</a></h3>
- <p>youtube</p>
- </div>
- </li>
-
- <!-- 11th thumb -->
- <li data-type="category1" class="simple-bg-three">
- <!-- Thumbnail -->
- <a href="photo_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio11.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio11_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="photo_item.htm" class="more_info">Work Title 11</a></h3>
- <p>photography</p>
- </div>
- </li>
-
- <!-- 12th thumb -->
- <li data-type="category2" class="simple-bg-four">
- <!-- Thumbnail -->
- <a href="youtube_item.htm" class="more_info">
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio12.jpg"/>
- <img alt="simple" title="simple" src="images/portfolio_thumbs/portfolio12_rollover.jpg" class="rollover" />
- </a>
- <!-- Info -->
- <div class="item_info">
- <h3><a href="youtube_item.htm" class="more_info">Work Title 12</a></h3>
- <p>youtube</p>
- </div>
- </li>
-
-
- </ul>
-
- </div>
- <!-- End: Thumbnails -->
-
-
- </section>
-
-
-<!-- FEED-GALLERY : STARTS -->
-<section id="feed-gallery">
-
- <nav class="clearfix">
- <a class="feed-trigger" data-feed-trigger="instagram"><img alt="simple" title="simple" src="images/feed/instagram.png"/></a>
- <a class="feed-trigger" data-feed-trigger="flickr"><img alt="simple" title="simple" src="images/feed/flickr.png"/></a>
- </nav>
-
- <!-- INSTAGRAM FEED : STARTS-->
-
- <ul id="instagram" class="feed clearfix">
- <!-- Please note, in order to display the instagram feed images on this site you have to setup your own Instagram Access Key and Client ID via SCRIPT.JS file - please see theme documentation for instructions about this. -->
- </ul>
- <!-- INSTAGRAM FEED : ENDS -->
-
- <!-- FLICKR FEED : STARTS -->
- <ul id="flickr" class="feed clearfix"></ul>
- <!-- FLICKR FEED : ENDS-->
-
-</section>
-<!-- FEED-GALLERY : ENDS -->
-
-
-</section>
-<!-- PORTFOLIO : ENDS -->
-
-
-
-
-<!-- CONTACT : STARTS -->
-<section id="contact" class="page-section seperator-layer" data-stellar-background-ratio="2">
-<section class="container-fluid">
- <div class="row-fluid">
-
- <section class="container">
-
- <div class="row">
- <article class="span12 text-center">
- <h1 class="main-heading">Contact Us</h1>
- <h2 class="sub-heading-alt"><span>Simplicity has a new name</span></h2>
- </article>
- </div>
-
- <div class="row add-top">
- <article class="span10 offset1 text-center">
- <p class="promo-text-alt">Our team is an <span>awesome</span> group of creative people with a love to create <span>amazing</span> things. We are <span>marathon</span> coders and <span>super</span> designers.</p>
- </article>
- </div>
-
- <div class="row add-top add-bottom">
-
- <article class="span10 offset1 contact-panel">
-
- <div class="row-fluid">
- <article class="span12 text-center">
- <div id="fname" class="alert alert-error error">
- Name must not be empty
- </div>
- <div id="fmail" class="alert alert-error error">
- Please provide a valid email
- </div>
- <div id="fmsg" class="alert alert-error error">
- Message should not be empty
- </div>
- </article>
- </div>
-
- <form name="myform" id="contactForm" action="sendcontact.php" enctype="multipart/form-data" method="post">
- <div class="row-fluid add-top-small">
- <article class="span12">
- <input size="100" type="text" name="name" id="name" placeholder="Name">
- <input type="text" size="30" id="email" name="email" placeholder="email">
- <textarea id="msg" rows="3" cols="40" name="message" placeholder="Message">Message</textarea>
- <button type="submit" name="submit" id="submit" class="btn btn-simple add-top-half">Send Message</button>
- </article>
- </div>
- </form>
-
- </article>
-
- </div>
-
-
-
- </section>
-
-
- </div>
- </section>
-
-
-
-</section>
-<!-- CONTACT : ENDS -->
-
-
-
-
-
-<!-- FOOTER : STARTS -->
-<footer id="mastfoot">
-<section class="container-fluid">
- <div class="row-fluid">
- <article class="span6 credits text-left">
- <h3>@twitter</h3>
- <span class="liner">&nbsp;</span>
- <article id="ticker" class="query"></article>
- </article>
-
-
- <article class="span6 text-right">
- <img alt="simple" title="simple" class="foot-logo" src="images/foot-logo.png" />
- <p class="address-now">Simple Interactive<br/>
- MediaFort, Sydney <br/>Australia 22
- </p>
- </article>
-
-
- </div>
- <div class="row-fluid">
-
- <article class="span6 social-block text-left">
- <a href="#"><img alt="simple" title="simple" src="images/contact/01.png"/></a>
- <a href="#"><img alt="simple" title="simple" src="images/contact/02.png"/></a>
- <a href="#"><img alt="simple" title="simple" src="images/contact/03.png"/></a>
- <a href="#"><img alt="simple" title="simple" src="images/contact/04.png"/></a>
- </article>
-
- <article class="span6 copyright text-right">
- <p>Copyright &copy; 2013 Simple<br/>All rights reserved</p>
- </article>
-
-
- </div>
-</section>
-</footer>
-
-
-<script src="javascripts/jquery-1.9.1.min.js" type="text/javascript"></script>
-<script src="javascripts/jquery.easing.1.3.js" type="text/javascript"></script>
-<script src="assets/js/bootstrap-transition.js" ></script>
-<script src="assets/js/bootstrap-alert.js" ></script>
-<script src="assets/js/bootstrap-modal.js" ></script>
-<script src="assets/js/bootstrap-dropdown.js" ></script>
-<script src="assets/js/bootstrap-scrollspy.js" ></script>
-<script src="assets/js/bootstrap-tab.js" ></script>
-<script src="assets/js/bootstrap-tooltip.js" ></script>
-<script src="assets/js/bootstrap-popover.js" ></script>
-<script src="assets/js/bootstrap-button.js" ></script>
-<script src="assets/js/bootstrap-collapse.js" ></script>
-<script src="assets/js/bootstrap-carousel.js" ></script>
-<script src="assets/js/bootstrap-typeahead.js" ></script>
-<script src="assets/js/bootstrap-affix.js" ></script>
-<script src="javascripts/responsive-nav.js" type="text/javascript" ></script>
-<script src="javascripts/idangerous.swiper-2.0.min.js"></script>
-<script src="javascripts/jquery.stellar.js"></script>
-<script src="javascripts/jquery.flickr.js"></script>
-<script src="javascripts/jquery.instagram.js"></script>
-<script src="javascripts/prettyPhoto.js"></script>
-<script src="javascripts/flexslider.js"></script>
-<script src="javascripts/waypoints.min.js"></script>
-<script src="javascripts/jquery.tweet.js"></script>
-<script src="javascripts/portfolio.js"></script>
-<script src="javascripts/form-validation.js"></script>
-<script src="javascripts/responsive-nav.js"></script>
-<script src="javascripts/retina.js"></script>
-<script src="javascripts/scroll.js"></script>
-<script src="javascripts/script.js"></script>
-
-<script>
- var navigation = responsiveNav("#nav", { // Selector: The ID of the wrapper
- animate: true, // Boolean: Use CSS3 transitions, true or false
- transition: 400, // Integer: Speed of the transition, in milliseconds
- label: "Menu", // String: Label for the navigation toggle
- insert: "after", // String: Insert the toggle before or after the navigation
- customToggle: "", // Selector: Specify the ID of a custom toggle
- openPos: "relative", // String: Position of the opened nav, relative or static
- jsClass: "js", // String: 'JS enabled' class which is added to <html> el
- init: function(){}, // Function: Init callback
- open: function(){}, // Function: Open callback
- close: function(){} // Function: Close callback
- });
- </script>
-
-
-<script>
-
- var mySwiper = new Swiper('.swiper-container',{
- mode:'horizontal',
- pagination: false,
- slidesPerView: 3,
- loop: true,
- calculateHeight: true
- });
-
- </script>
-
-
-
-
-
-
-</body>
-</html>
Please sign in to comment.
Something went wrong with that request. Please try again.