"IMklik 2017 landing"
Bootstrap 3.0.0 Snippet by Hel333

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <html lang="en"> <Head> <meta name="Description" content="Dogs LOVE our Food. The most palatable pet food in the world."> <html lang="en"> <head> <!-- Meta, title, CSS, favicons, etc. --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> <title> A La Carte Pet Food </title> <!-- Bootstrap core CSS --> <!-- <link href="env/css/bootstrap.min.css?v=1.0" rel="stylesheet"> --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <!-- Fonts --> <link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,400italic,700italic' rel='stylesheet' type='text/css'> <!-- Pixel's CSS --> <link href="assets/css/logos.css?v=1.0" rel="stylesheet"> <link href="assets/css/class-banners.css?v=1.0" rel="stylesheet"> <link href="assets/css/product-banners.css?v=2.3" rel="stylesheet"> <link href="assets/css/product.css?v=3.4" rel="stylesheet"> <link href="env/css/earlybreak.css?v=1.0" rel="stylesheet"> <link href="assets/css/schedule.css?v=1.8" rel="stylesheet"> <link href="assets/css/course_types.css?v=1.1" rel="stylesheet"> <link href="assets/css/recommended_product.css?v=1.0" rel="stylesheet"> <!-- <link href="assets/css/member.css?v=1.2" rel="stylesheet"> --> <link href="assets/css/login.css?v=1.0" rel="stylesheet"> <!-- Pixel's CSS --> <!-- Rocket extras --> <link href="env/css/animate.css?v=1.0" rel="stylesheet"> <link href="env/css/prettyPhoto.css?v=1.0" rel="stylesheet"> <link href="env/css/style.css?v=1.11" rel="stylesheet"> <!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif]--> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script> <![endif]--> <!-- Favicons --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../docs-assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="shortcut icon" href="../docs-assets/ico/favicon.png"> <Style> /* Footer */ * { margin: 0; } html, body { height: 100%; } /* Footer */ </Style> </head> <!-- Start Rocket --> <!-- ********************* --> <!-- Start Header ================================================== --> <header id="header" class="navbar navbar-inverse navbar-fixed-top" role="banner" style="background-color: #FFFFFF;"> <div class="row" style="background-color: #000000; padding-top: 3px; padding-bottom: 3px; padding-left: 30px;"><br></div> <div class="container" style="padding-left: 20px; padding-right: 30px; padding-bottom: 5px;"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Brand Logo --> <a href="landing.asp"><img src="img/landing/ALC-logo-200.png" class="img-responsive" style="padding-top: 10px;"></a> <!-- <a href="landing.asp" class="navbar-brand"><img src="img/landing/ALC-logo-200.png" class="img-responsive"></a> --> </div> <!-- Start Navigation --> <nav class="collapse navbar-collapse bs-navbar-collapse navbar-right" role="navigation"> <ul class="nav navbar-nav"> <li> <a href="landing.asp" style="color: black;"><H4>Home</H4></a> </li> <li> <a href="courses.asp?Course=dogfood" style="color: black;"><H4>Dog Food</H4></a> </li> <li> <a href="courses.asp?Course=catfood" style="color: black;"><H4>Cat Food</H4></a> </li> <li> <a href="didyouknow.asp" style="color: black;"><H4>Do You Know</H4></a> </li> <li> <a href="send_us_email.asp" style="color: black;"><H4>Contact Us</H4></a> </li> <li> <a href="default.asp" style="color: black;"><H4>Cart</H4></a> </li> </ul> <!--<ul class="nav navbar-nav navbar-right header-button"> <a href="members_mainpage.asp"><button type="button" class="btn" style="background-color: #00a9e8; color: white;">Members Page</button></a> </ul>--> </nav> </div> <!-- Login Status --> <!-- <br> <!-- Bootstrap core JavaScript --> <!-- ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="env/js/jquery-1.10.2.min.js?v=1.0"></script> <script src="env/js/bootstrap.js?v=1.0"></script> <script src="env/js/waypoints.min.js?v=1.0"></script> <script src="env/js/jquery.scrollto.min.js?v=1.0"></script> <script src="env/js/jquery.localscroll.min.js?v=1.0"></script> <script src="env/js/jquery.prettyPhoto.js?v=1.0"></script> <script src="env/js/scripts.js?v=1.0"></script> <script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js"></script> <!-- Share This Javascripts --> <!-- <script type="text/javascript">var switchTo5x=true;</script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript">stLight.options({publisher: "4bea2bda-60f6-4b2b-9648-fc3cba84b203", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script> --> <!-- End Of Share this JavaScripts --> </header> <!-- ================================================== --> <!-- ================================================== --> <!-- ================================================== --> <!-- ================================================== --> <!-- End Header --> <Head> <!-- JQuery for textarea character count --> <script src="assets/js/jquery-1.10.2.min.js?v=1.1"></script> <!-- Font Awesome Fonts --> <link rel="stylesheet" href="assets/css/font-awesome-4.7.0/css/font-awesome.min.css"> </Head> <Style> /* Randomized Parallax Background ================= Goes Here =======================*/ /* Responsive YouTube Videos */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Responsive YouTube Videos */ </Style> <!-- #262626 #adc32b #dadada #ecf4bb #262626 --> </Head> <Body> <!-- A Randomize background --> <!-- <div id="parallax"></div> --> <!-- End Parallax Background ================================================== --> <!-- Start Hero Section ================================================== --> <!-- <section id="hero" class="section"> <div class="container"> <div class="row"> <div class="col-md-5"></div> <div class="col-md-7"> <div class="lp-element animate" data-animate="fadeInDown"> <h1> </h1> <p class="lead"> </p> <p> </p> </div> </div> </div> </div> </section> --> <!-- ================================================== End Hero --> <section id="features" class="section" style="padding-top: 90px; padding-bottom: 0px;"> <div class="row"> <!-- do not delete!! --> <div class="col-lg-12 visible-lg"> <div class="row"> <!-- do not delete!! --> <Img Src="http://alacarte.com.my/img/Resize_Image.aspx?ImgWd=1920&ImgHt=550&IptFl=landing/topbanner/mainbannerlogo.jpg&CrpYN=Y" class="img-responsive" width=100%/> </div> </div> <div class="col-md-12 visible-md"> <div class="row"> <!-- do not delete!! --> <Img Src="http://alacarte.com.my/img/Resize_Image.aspx?ImgWd=1920&ImgHt=550&IptFl=landing/topbanner/mainbannerlogo.jpg&CrpYN=Y" class="img-responsive" width=100%/> </div> </div> <div class="col-sm-12 visible-sm"> <div class="row"> <!-- do not delete!! --> <Img Src="http://alacarte.com.my/img/Resize_Image.aspx?ImgWd=1920&ImgHt=550&IptFl=landing/topbanner/mainbannerlogo.jpg&CrpYN=Y" class="img-responsive" width=100%/> </div> </div> <div class="col-xs-12 visible-xs"> <div class="row"> <!-- do not delete!! --> <Img Src="http://alacarte.com.my/img/Resize_Image.aspx?ImgWd=335&ImgHt=310&IptFl=landing/topbanner/mainbanner-335.jpg&CrpYN=Y" class="img-responsive" width=100%/> </div> </div> </div> </Section> <!-- --> <!-- <div class="row" style="background-color: #adc32b;"> --> <div class="row" style="background-color: #FFFFFF;"> <div class="col-md-12" ALIGN="center"> <br> <H2 style="color: black;">THE FRENCH CUISINE FOR HEALTHY FUSSY EATERS </H2> </div> </div> <!-- --> <!-- Start Features ================================================== --> <section id="features" class="section"> <div class="container" style="padding-top: 0px; padding-left: 10px; padding-right: 10px;"> <div class="row"> <div class="col-md-12"> <!-- Title --> <div class="overview animate" data-animate="flipInX"> <div class="container" align="center"> <h1 style="color: #00a9e8;"><strong>Australian Super Premium</strong></h1> <h1 style="color: #8b9493;">100% Australian Made & Owned</h1> <p class="lead"><font style="color: #c4dc35;"><Strong>A La Carte</strong></font> is an Australian brand pet food. The foods made by A La Carte are safe and are made with premium quality ingredients. They are specially designed, formulated and blended by our professional pet nutritionists with years of experience. A La Carte spares nothing to ensure that your pets get the best in their every meal. These are the main reasons why our pet foods are flavourful, highly palatable and nutritious, making dogs and cats love our food. </p> </div> <br> <div class="col-lg-1"></div> <div class="col-md-10 col-sm-12"> <div class="video-container"><iframe width="1000" src="https://www.youtube.com/embed/saXTgkG7kNE?autoplay=0" frameborder="0" allowfullscreen></iframe></div> </div> <div class="col-lg-1"></div> <br> </div> </div> </div> </div> </section> <!-- ============================== End Features ========================================== --> <Section id="features" class="section" style= "background-color: #adc32b;"> <div class="container" style="padding-top: 0px; padding-left: 10px; padding-right: 10px;"> <div class="col-md-4 col-sm-4"> <div class="service-block animate" data-animate="fadeInRight"> <span><a href="courses.asp?Course=dogfood"><img src="img/landing/for-dogs.jpg" height="300" hspace="0" border="0" vspace="0" width="450" class="img-rounded img-responsive center-block"/></a></span> <p>Click here to view the wide range of A La Carte dog food with super premium ingredients made especially for your lovely dogs.</p> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-block animate" data-animate="fadeInRight"> <span><a href="courses.asp?Course=catfood"><img src="img/landing/for-cats.jpg" height="300" hspace="0" border="0" vspace="0" width="450" class="img-rounded img-responsive center-block"/></a></span> <p>Click here to view the different flavours of super premium food developed and designed specifically for your lovely cats.</p> </div> </div> <div class="col-md-4 col-sm-4"> <div class="service-block animate" data-animate="fadeInRight"> <span><a href="didyouknow.asp"><img src="img/landing/did-you-know.jpg" height="300" hspace="0" border="0" vspace="0" width="450" class="img-rounded img-responsive center-block"/></a></span> <p>Click here to learn some amazing tips and tricks of how to care for your dogs and cats, making them eat and live healthier lives.</p> </div> </div> </div> </Section> <!-- ============================== End Features ========================================== --> <!-- ========================= Start Image Block ========================= --> <section id="image" class="section" style="background-color:#dadada; border-top: 1px solid rgba(0, 0, 0, .1);"> <div class="container" style="padding: 10px;"> <div class="row"> <div class="col-md-6 col-sm-12"><img class="animate img-rounded img-responsive img-thumbnail" data-animate="fadeInLeft" src="img/landing/100-percent-australian.png" alt=""/></div> <div class="col-md-6 col-sm-12"> <div class="content-block animate" data-animate="fadeInRight" style="margin-top: 60px;"> <h2>High Quality Ingredients</h2><br> <h2>AAFCO Super Premium</h2><br> <p class="lead">A La Carte is a 100% complete and balanced food for the everyday needs of your best friends according to the Association of American Feed Control Officials (AAFCO) standards.</p> </div> </div> </div> </div> </section> <!-- ================= End Image Block ================================== --> <!-- ========================= Start Image Block ========================= --> <section id="image" class="section" style="background-color:#FFFFFF; border-top: 1px solid rgba(0, 0, 0, .1);"> <div class="container" style="padding: 10px;"> <div class="row"> <div class="col-md-6 col-sm-12"><img class="animate img-responsive" data-animate="fadeInLeft" src="img/landing/noteating-w-reflection.jpg" width="800px" alt=""/></div> <div class="content-block animate" data-animate="fadeInRight" style="margin-top: 10px;"> <div class="col-md-6 col-sm-12"><img class="animate img-responsive" data-animate="fadeInRight" src="img/landing/foodposters.jpg" width="500px" alt=""/></div> </div> </div> </div> </section> <!-- ================= End Image Block ================================== --> <!-- ========================= Start Testimonial Block 1 ========================= --> <section id="image" class="section" style="background-color:#ecf4bb;"> <div class="container" style="padding: 10px;"> <div class="row"> <div class="col-md-3 col-sm-12"><img class="animate img-rounded img-responsive img-thumbnail" data-animate="fadeInLeft" src="img/landing/xiang-warrior.jpg" alt=""/></div> <div class="col-md-7 col-sm-12"> <div class="content-block animate" data-animate="fadeInRight" style="margin-top: 50px;"> <h3>Xiang & Warrior</h3><br> <p>“Warrior is a Shiba Inu and he has been part of our family since a very young puppy. Warrior is a very active dog. His active behaviour, sadly, has also made him lose interest in things very easily. Among those, his food. I must say, he is truly a very picky eater. I have tried almost all sorts of tricks to make him eat his food, from changing his food bowl, varying his eating place, different feeding times, and anything you can think of, I have done it. I have even changed the food brands we fed him so many times. He ate them, yes, but not for long. An active dog like him gets bored of eating the same thing too easily. But guess what? One fine day, I bought home a pack of A La Carte Lamb Rice. Warrior loves it. He was eager the moment I opened the bag. He has been eating A La Carte since and has been enjoying it right up till today.” </p> </div> </div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </section> <!-- ================= End Testimonial Block 1 ================================== --> <!-- ========================= Start Testimonial Block 1 ========================= --> <section id="image" class="section" style="background-color:#FFFFFF;"> <div class="container" style="padding: 10px;"> <div class="row"> <div class="col-md-3 col-sm-12"><img class="animate img-rounded img-responsive img-thumbnail" data-animate="fadeInLeft" src="img/landing/alison-charlie.jpg" alt=""/></div> <div class="col-md-7 col-sm-12"> <div class="content-block animate" data-animate="fadeInRight" style="margin-top: 50px;"> <h3>Alison & Charlie</h3><br> <p>“We must have tried all brands of dog foods on the market. Before A La Carte, it was such a struggle finding food that Charlie likes to eat. Now it is easy. It makes the whole family smile seeing her enjoy her food and we also now have a much happier dog at home. Charlie has a new lease of life and is now loving her meal times. Thank you, A La Carte.” </div> </div> <div class="col-md-2 hidden-sm hidden-xs"></div> </div> </div> </section> <!-- ================= End Testimonial Block 1 ================================== --> <!-- Core JavaScript --> <!-- ================================================== --> <script src="env/js/jquery-1.10.2.min.js?v=1.0"></script> <script src="env/js/Beyond Photography.js?v=1.0"></script> <script src="env/js/waypoints.min.js?v=1.0"></script> <script src="env/js/jquery.scrollto.min.js?v=1.0"></script> <script src="env/js/jquery.localscroll.min.js?v=1.0"></script> <script src="env/js/jquery.prettyPhoto.js?v=1.0"></script> <script src="env/js/scripts.js?v=1.0"></script> <!-- Share This Javascripts --> <script type="text/javascript">var switchTo5x=true;</script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript">stLight.options({publisher: "4bea2bda-60f6-4b2b-9648-fc3cba84b203", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script> <!-- End Of Share this JavaScripts --> <!-- ********************* --> <!-- Start Rocket --> <section id="image" style="background-color:#ecf4bb;"> <div class="row" align="center"> <br> <small><strong><a href="#" OnClick="terms(); return false;">Terms & Conditions</a></strong>. </small>   <small><strong><a href="#" OnClick="privacy(); return false;">Privacy Policies</a></strong>. </small> <br> <font size="2px">Designed & developed by SGX Creative. Copyrighted 2017.</font> <br><br> </div> </section> <!-- Color Box pop-up--> <link rel="stylesheet" href="assets/css/colorbox.css?v=1.0" /> <script src="assets/js/jquery.colorbox.js?v=1.9"></script> <script src="assets/js/jquery.colorboxsystemmessage.js?v=1.5"></script> <script> //////////////////////////////////////////////////////// /* responsive colorbox codes below */ var cboxOptions = { width: '85%', height: '85%', maxWidth: '960px', maxHeight: '960px', } $('.cbox-link').colorbox(cboxOptions); $(window).resize(function(){ $.colorbox.resize({ width: window.innerWidth > parseInt(cboxOptions.maxWidth) ? cboxOptions.maxWidth : cboxOptions.width, height: window.innerHeight > parseInt(cboxOptions.maxHeight) ? cboxOptions.maxHeight : cboxOptions.height }); }); /* responsive colorbox codes above */ function terms(){ $.colorbox({width: "80%", height: "80%", iframe:true, fixed: true, href:"terms.asp"}); } function privacy(){ $.colorbox({width: "80%", height: "80%", iframe:true, fixed: true, href:"privacy.asp"}); } function giftclaim(){ $.colorbox({ iframe:true, width:"80%", height:"80%", href: "gift_claim.asp", onClosed: function() { parent.location.reload(); } }); }; //$(".popuplink").colorbox({ // href: popupurl, // close: "Close", // overlayClose: true, // onComplete: function () { // alert("Completed"); // }, // onClosed: function () { // alert("Closed"); // } // }); </script> </body> </html>

Questions / Comments:

Related: See More