<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="index1.aspx.cs" Inherits="Default2" %> <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <!-- Section: intro --> <section id="intro" class="intro"> <div class="slogan"> <h2>WELCOME TO <span class="text_color">Bootstrap</span> </h2> <h4>Bootstrap is the most popular HTML, CSS, and JS framework <br /> for developing responsive, mobile first projects on the web. </h4> </div> <div class="page-scroll"> <a href="#service" class="btn btn-circle"> <i class="fa fa-angle-double-down animated"></i> </a> </div> </section> <!-- /Section: intro --> <section id="feature"> <div class="container"> <div class="center wow fadeInDown"> <h2>Features</h2> <p class="lead">Easy to use, Responsive features, Mobile-first approach <br> Browser compatibility Bootstrap is compatible with all modern browsers</p> </div> <div class="row"> <div class="features"> <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="feature-wrap"> <i class="fa fa-th-list"></i> <h2>Menu or Navbar</h2> <h3>A standard navigation class navbar navbar-default</h3> </div> </div><!--/.col-md-4--> <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="feature-wrap"> <i class="fa fa-th"></i> <h2>Grid System</h2> <h3>grid system allows up to 12 columns across the page</h3> </div> </div><!--/.col-md-4--> <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="feature-wrap"> <i class="fa fa-cloud-download"></i> <h2>Easy to customize</h2> <h3>Bootstrap Grid system has four classes - xs, sm, md & lg</h3> </div> </div><!--/.col-md-4--> <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="feature-wrap"> <i class="fa fa-comment"></i> <h2>Modal & Tooltip</h2> <h3>Modal is a dialog box/popup, Tooltip is small pop-up box</h3> </div> </div><!--/.col-md-4--> <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="feature-wrap"> <i class="fa fa-cogs"></i> <h2>Grid Settings</h2> <h3>xs (<768px), sm (>=768px), md (>=992px), lg (>=1200px)</h3> </div> </div><!--/.col-md-4--> <div class="col-md-4 col-sm-6 wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms"> <div class="feature-wrap"> <i class="fa fa-heart"></i> <h2>The Carousel Plugin</h2> <h3>The Carousel plugin is a Slideshow</h3> </div> </div><!--/.col-md-4--> </div><!--/.services--> </div><!--/.row--> </div><!--/.container--> </section> <!--/#feature--> <!-- Section: about --> <section id="about" class="home-section text-center"> <div class="heading-about"> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <div class="wow fadeInUp" data-wow-delay="0.4s"> <div class="section-heading"> <h2>About us</h2> <br /> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-xs-6 col-sm-3 col-md-3"> <div class="wow bounceInUp" data-wow-delay="0.2s"> <div class="team boxed-grey"> <div class="inner"> <h5>Anil Kumar</h5> <p class="subtitle">Ui Developer</p> <div class="avatar"><img src="img/team/1.png" alt="" class="img-responsive img-circle" /></div> </div> </div> </div> </div> <div class="col-xs-6 col-sm-3 col-md-3"> <div class="wow bounceInUp" data-wow-delay="0.5s"> <div class="team boxed-grey"> <div class="inner"> <h5>Ganesh Bandla</h5> <p class="subtitle">JQuery Expert</p> <div class="avatar"><img src="img/team/2.png" alt="" class="img-responsive img-circle" /></div> </div> </div> </div> </div> <div class="col-xs-6 col-sm-3 col-md-3"> <div class="wow bounceInUp" data-wow-delay="0.8s"> <div class="team boxed-grey"> <div class="inner"> <h5>Ashwin Nero</h5> <p class="subtitle">CSS Animation</p> <div class="avatar"><img src="img/team/3.png" alt="" class="img-responsive img-circle" /></div> </div> </div> </div> </div> <div class="col-xs-6 col-sm-3 col-md-3"> <div class="wow bounceInUp" data-wow-delay="1s"> <div class="team boxed-grey"> <div class="inner"> <h5>Dany Brown</h5> <p class="subtitle">Photoshop</p> <div class="avatar"><img src="img/team/2.png" alt="" class="img-responsive img-circle" /></div> </div> </div> </div> </div> </div> </div> </section> <!-- /Section: about --> <!-- Section: services --> <section id="service" class="home-section text-center bg-gray"> <div class="heading-about"> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <div class="wow bounceInDown" data-wow-delay="0.4s"> <div class="section-heading"> <h2>Our Services</h2> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-sm-3 col-md-3"> <div class="wow fadeInLeft" data-wow-delay="0.2s"> <div class="service-box"> <div class="service-icon"> <img src="img/icons/service-icon-1.png" alt="" /> </div> <div class="service-desc"> <h5>Print</h5> <p>Printing is a process for reproducing text and images using a master form or template.</p> </div> </div> </div> </div> <div class="col-sm-3 col-md-3"> <div class="wow fadeInUp" data-wow-delay="0.2s"> <div class="service-box"> <div class="service-icon"> <img src="img/icons/service-icon-2.png" alt="" /> </div> <div class="service-desc"> <h5>Web Design</h5> <p>Web design encompasses many different skills and disciplines in the production</p> </div> </div> </div> </div> <div class="col-sm-3 col-md-3"> <div class="wow fadeInUp" data-wow-delay="0.2s"> <div class="service-box"> <div class="service-icon"> <img src="img/icons/service-icon-3.png" alt="" /> </div> <div class="service-desc"> <h5>Photography</h5> <p>Photography is the science, art and practice of creating durable images by recording light.</p> </div> </div> </div> </div> <div class="col-sm-3 col-md-3"> <div class="wow fadeInRight" data-wow-delay="0.2s"> <div class="service-box"> <div class="service-icon"> <img src="img/icons/service-icon-4.png" alt="" /> </div> <div class="service-desc"> <h5>Cloud System</h5> <p>Cloud computing is a computing term or metaphor that evolved in the late 1900s</p> </div> </div> </div> </div> </div> </div> </section> <!-- /Section: services --> <!-- Section: contact --> <section id="contact" class="home-section text-center"> <div class="heading-contact"> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2"> <div class="wow bounceInDown" data-wow-delay="0.4s"> <div class="section-heading"> <h2>Get in touch</h2> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-lg-8"> <div class="boxed-grey"> <form id="contact-form"> <div class="row"> <div class="col-md-10"> <div class="form-group"> <asp:Label ID="Label1" runat="server" Text="Name" CssClass="labelnew"></asp:Label> <asp:TextBox ID="TextBox1" runat="server" CssClass="form-control" placeholder="Enter name" required="required"></asp:TextBox> </div> <div class="form-group"> <asp:Label ID="Label2" runat="server" Text="Email Address" CssClass="labelnew"></asp:Label> <asp:TextBox ID="txtemail" runat="server" CssClass="form-control" placeholder="Enter email" required="required"></asp:TextBox> </div> <div class="form-group"> <asp:Label ID="lblmsg" runat="server" Text="Message" CssClass="labelnew"></asp:Label> <asp:TextBox ID="TextBox2" runat="server" placeholder="Message" CssClass="form-control" TextMode="MultiLine" Rows="9" Columns="25" required="required"></asp:TextBox> </div> <div class="col-md-12"> <button type="submit" class="btn btn-skin pull-right" id="btnContactUs"> Send Message</button> </div> </div> </div> </form> </div> </div> <div class="col-lg-4"> <div class="widget-contact"> <h5>Main Office</h5> <address> <strong>aspx Design, Inc.</strong><br> Hi-tech, Creative<br> Hyderabad, Andhrapradesh 500072<br> <abbr title="Phone">Ph:</abbr> (123) 456-7890 </address> <address> <strong>Email</strong><br> <a href="mailto:#">email.gmail@example.com</a> </address> <address> <strong>We're on social networks also</strong><br> <ul class="company-social"> <li class="social-facebook"><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li> <li class="social-twitter"><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li> <li class="social-dribble"><a href="#" target="_blank"><i class="fa fa-dribbble"></i></a></li> <li class="social-google"><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li> </ul> </address> </div> </div> </div> </div> </section> <!-- /Section: contact --> </asp:Content>