Line 11,077: | Line 11,077: | ||
} | } | ||
</style> | </style> | ||
+ | <!DOCTYPE html> | ||
+ | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> | ||
+ | <meta name="description" content="" /> | ||
+ | <meta name="author" content="" /> | ||
+ | <!--[if IE]> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | ||
+ | <![endif]--> | ||
+ | <title>The BIG TEMPLATE : RESPONSIVE and FREE</title> | ||
+ | <!-- BOOTSTRAP CORE STYLE CSS --> | ||
+ | <link href="assets/css/bootstrap.css" rel="stylesheet" /> | ||
+ | <!-- FONT AWESOME CSS --> | ||
+ | <link href="assets/css/font-awesome.css" rel="stylesheet" /> | ||
+ | <!-- ANIMATION STYLES --> | ||
+ | <link href="assets/css/animate.css" rel="stylesheet" /> | ||
+ | <!-- CUSTOM STYLE CSS --> | ||
+ | <link href="assets/css/style.css" rel="stylesheet" /> | ||
+ | <!-- GOOGLE FONT --> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css' /> | ||
+ | </head> | ||
+ | <body> | ||
+ | |||
+ | <div id="home-sec"> | ||
+ | |||
+ | <div id="carousel-example" class="carousel slide" data-ride="carousel"> | ||
+ | |||
+ | <div class="carousel-inner"> | ||
+ | <div class="item active "> | ||
+ | |||
+ | <img src="assets/img/1.jpg" alt="" /> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1 class="slide-h1 wow bounceInDown" data-wow-duration="1s">THE BIG WONDER</h1> | ||
+ | <h2 class="slide-h2 wow bounceInLeft" data-wow-duration="2s" data-wow-delay="1s">ULTIMATE TEMPLATE</h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="assets/img/1.jpg" alt="" /> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1 class="slide-h1 wow bounceInDown" data-wow-duration="2s">RESPONSIVE DESIGN</h1> | ||
+ | <h2 class="slide-h2 wow bounceInLeft" data-wow-duration="2s" data-wow-delay="1s">FREE TO USE</h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="assets/img/1.jpg" alt="" /> | ||
+ | <div class="carousel-caption"> | ||
+ | <h1 class="slide-h1 wow bounceInDown" data-wow-duration="2s">HANDCRAFTED </h1> | ||
+ | <h2 class="slide-h2 wow bounceInLeft" data-wow-duration="2s" data-wow-delay="1s">ONLY FOR YOU</h2> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--INDICATORS--> | ||
+ | <ol class="carousel-indicators"> | ||
+ | <li data-target="#carousel-example" data-slide-to="0" class="active"></li> | ||
+ | <li data-target="#carousel-example" data-slide-to="1"></li> | ||
+ | <li data-target="#carousel-example" data-slide-to="2"></li> | ||
+ | </ol> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!-- HOME SECTION END--> | ||
+ | <div id="nav"> | ||
+ | <ul class="list-unstyled"> | ||
+ | <li><a data-toggle="tooltip" data-placement="left" title="Home" href="#home-sec">Home</a></li> | ||
+ | <li><a data-toggle="tooltip" data-placement="left" title="About" href="#about-sec">About</a></li> | ||
+ | <li><a data-toggle="tooltip" data-placement="left" title="Features" href="#features-sec">Features</a></li> | ||
+ | <li><a data-toggle="tooltip" data-placement="left" title="Team" href="#team-sec">Team</a></li> | ||
+ | <li><a data-toggle="tooltip" data-placement="left" title="Contact" href="#contact-sec">Contact</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <!-- NAV SECTION END--> | ||
+ | <section id="about-sec"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-12"> | ||
+ | <h1 data-scroll-reveal="enter from the bottom after 0.1s">ABOUT </h1> | ||
+ | <p data-scroll-reveal="enter from the bottom after 0.3s"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus. | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- ABOUT SECTION END--> | ||
+ | <section id="features-sec"> | ||
+ | <div class="container "> | ||
+ | <div class="row pad-btm"> | ||
+ | <div class="col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-12"> | ||
+ | <h1 data-scroll-reveal="enter from the bottom after 0.1s">FEATURES </h1> | ||
+ | <p data-scroll-reveal="enter from the bottom after 0.3s"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="row "> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center" data-scroll-reveal="enter from the bottom after 0.5s"> | ||
+ | <i class="fa fa-recycle fa-5x"></i> | ||
+ | <h4 >Responsive Design</h4> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Lorem ipsum dolor sit amet. | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center" data-scroll-reveal="enter from the bottom after 0.7s" > | ||
+ | <i class="fa fa-briefcase fa-5x"></i> | ||
+ | <h4>Easy to Customize</h4> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Lorem ipsum dolor sit amet. | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 text-center" data-scroll-reveal="enter from the bottom after 0.9s"> | ||
+ | <i class="fa fa-history fa-5x"></i> | ||
+ | <h4>Free to Use</h4> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Lorem ipsum dolor sit amet. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <!-- FEATURE SECTION END--> | ||
+ | <section id="team-sec"> | ||
+ | <div class="container"> | ||
+ | <div class="row pad-btm"> | ||
+ | <div class="col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-12"> | ||
+ | <h1 data-scroll-reveal="enter from the bottom after 0.1s">TEAM </h1> | ||
+ | <p data-scroll-reveal="enter from the bottom after 0.3s"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.4s"> | ||
+ | <img src="assets/img/1t.jpg" class="img-circle img-responsive set-img" /> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.5s"> | ||
+ | <h2>LEENA CHI MAXI</h2> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Lorem ipsum dolor sit amet. | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.6s"> | ||
+ | <img src="assets/img/2t.jpg" class="img-circle img-responsive set-img" /> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.7s"> | ||
+ | <h2>JHON DEO ALEX</h2> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Lorem ipsum dolor sit amet. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <!-- TEAM SECTION END--> | ||
+ | <section id="contact-sec"> | ||
+ | <div class="container"> | ||
+ | <div class="row pad-btm"> | ||
+ | <div class="col-lg-8 col-md-8 col-sm-8 col-lg-offset-2 col-md-offset-2 col-sm-offset-2 col-xs-12"> | ||
+ | <h1 data-scroll-reveal="enter from the bottom after 0.1s">CONTACT </h1> | ||
+ | <p data-scroll-reveal="enter from the bottom after 0.3s"> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="row pad-btm"> | ||
+ | |||
+ | <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.5s"> | ||
+ | <h2>Our Location</h2> | ||
+ | <p> | ||
+ | 234/89 , UGCH BUILDING HOUSE, | ||
+ | <br /> | ||
+ | DOUBLE LANE, NEW YORK CITY, | ||
+ | <br /> | ||
+ | UNITED STATES | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.6s"> | ||
+ | <img src="assets/img/1t.jpg" class="img-circle img-responsive cnt-img" /> | ||
+ | |||
+ | </div> | ||
+ | <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 " data-scroll-reveal="enter from the bottom after 0.6s"> | ||
+ | <p> | ||
+ | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | ||
+ | Lorem ipsum dolor sit amet. | ||
+ | </p> | ||
+ | <div class="form-group"> | ||
+ | <input type="text" class="form-control" /> | ||
+ | <br /> | ||
+ | <a href="#" class="btn btn-primary">SUBSCRIBE FOR UPDATES</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </section> | ||
+ | <!-- CONTACT SECTION END--> | ||
+ | <div id="footer-sec"> | ||
+ | 2014 Yourdomain.com | | ||
+ | <a href="http://binarytheme.com" style="font-size: 14px; color: #fff" target="_blank">Design by : binarytheme.com</a> | ||
+ | |||
+ | </div> | ||
+ | <!-- FOOTER SECTION END--> | ||
+ | <!--CORE SCRIPTS--> | ||
+ | <script src="assets/js/jquery-1.11.1.js"></script> | ||
+ | <!--BOOTSTRAP SCRIPTS--> | ||
+ | <script src="assets/js/bootstrap.js"></script> | ||
+ | <!--WOW SCRIPTS--> | ||
+ | <script src="assets/js/wow.js"></script> | ||
+ | <!--SCROLL SCRIPTS--> | ||
+ | <script src="assets/js/jquery.smooth-scroll.min.js"></script> | ||
+ | <!--SCROLL ANIMATION SCRIPTS--> | ||
+ | <script src="assets/js/scrollReveal.js"></script> | ||
+ | <!--CUSTOM SCRIPTS--> | ||
+ | <script src="assets/js/custom.js"></script> | ||
+ | </body> | ||
+ | |||
+ | </html> |
Revision as of 04:09, 19 August 2016
ABOUT
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
FEATURES
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
Responsive Design
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.
Easy to Customize
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.
Free to Use
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.
TEAM
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
![](assets/img/1t.jpg)
LEENA CHI MAXI
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.
![](assets/img/2t.jpg)
JHON DEO ALEX
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.
CONTACT
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis felis dolor, id gravida tellus tempor vitae. In efficitur ipsum non faucibus tempus.
Our Location
234/89 , UGCH BUILDING HOUSE,
DOUBLE LANE, NEW YORK CITY,
UNITED STATES
![](assets/img/1t.jpg)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet.