Difference between revisions of "Team:LUBBOCK TTU/newcomer"

Line 1: Line 1:
<html>
+
co<html>
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 12,435: Line 12,435:
 
</div>
 
</div>
 
  </div>
 
  </div>
<!--//prices -->
 
  <!--/price -->
 
    <div class="main" id="plans">
 
<div class="container">
 
<p class="sub-text">Pricing Details</p>
 
<h3 class="title-w3 three">Our Plans</h3>
 
<div class="plans-section">
 
<div class="priceing-table-main">
 
<div class="col-md-3 price-grid">
 
<div class="price-block agile">
 
<div class="price-gd-top pric-clr1">
 
<h4>Basic Plan</h4>
 
<h3>$10</h3>
 
  <h5>Per Month</h5>
 
</div>
 
<div class="price-gd-bottom">
 
<div class="price-list">
 
<ul>
 
<li>Free setup</li>
 
<li>GB Storage 10</li>
 
<li>Unlimited User</li>
 
<li>GB Bandwidth 20</li>
 
</ul>
 
</div>
 
<div class="price-selet pric-sclr1">      
 
<a href="#" data-toggle="modal" data-target="#myModal1" >Sign Up</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 price-grid">
 
<div class="price-block agile">
 
<div class="price-gd-top pric-clr2">
 
<h4>Enhanced</h4>
 
<h3>$30</h3>
 
<h5>Per Month</h5>
 
</div>
 
<div class="price-gd-bottom">
 
<div class="price-list">
 
<ul>
 
<li>Free setup</li>
 
<li>GB Storage 30</li>
 
<li>Unlimited User</li>
 
<li>GB Bandwidth 30</li>
 
</ul>
 
</div>
 
<div class="price-selet pric-sclr2">
 
<a href="#" data-toggle="modal" data-target="#myModal1" >Sign Up</a>
 
  
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 price-grid lost">
 
<div class="price-block agile">
 
<div class="price-gd-top pric-clr3">
 
<h4>Premium</h4>
 
<h3>$60</h3>
 
<h5>Per Month</h5>
 
</div>
 
<div class="price-gd-bottom">
 
<div class="price-list">
 
<ul>
 
<li>Free setup</li>
 
<li>GB Storage 40</li>
 
<li>Unlimited User</li>
 
<li>GB Bandwidth 20</li>
 
</ul>
 
</div>
 
<div class="price-selet pric-sclr3">
 
<a href="#" data-toggle="modal" data-target="#myModal1" >Sign Up</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="col-md-3 price-grid wthree lost">
 
<div class="price-block agile">
 
<div class="price-gd-top pric-clr4">
 
<h4>Unlimited</h4>
 
<h3>$90</h3>
 
<h5>Per Month</h5>
 
</div>
 
<div class="price-gd-bottom">
 
<div class="price-list">
 
<ul>
 
<li>Free setup</li>
 
<li>GB Storage 50</li>
 
<li>Unlimited User</li>
 
<li>GB Bandwidth 40</li>
 
</ul>
 
</div>
 
<div class="price-selet pric-sclr4">
 
<a href="#" data-toggle="modal" data-target="#myModal1" >Sign Up</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
<div class="clearfix"> </div>
 
</div>
 
</div>
 
<!-- Modal1 -->
 
<div class="modal fade" id="myModal1" role="dialog">
 
<div class="modal-dialog">
 
<!-- Modal content-->
 
<div class="modal-content">
 
<div class="modal-header book-form">
 
<button type="button" class="close" data-dismiss="modal">&times;</button>
 
<h4>Sign up Form</h4>
 
<form action="#" method="post">
 
<input type="text" name="Name" placeholder="Your Name" required=""/>
 
<input type="text" name="Email" class="email" placeholder="Email" required=""/>
 
<input type="password" name="Password" class="password" placeholder="Password" required=""/>
 
<div class="check-box">
 
<input name="chekbox" type="checkbox" id="brand1" value="">
 
<label for="brand1"><span></span>Remember Me.</label>
 
</div>
 
<input type="submit" value="Sign Up">
 
</form>
 
</div>
 
</div>
 
</div>
 
</div>
 
<!-- //Modal1 -->
 
 
</div>
 
  </div>
 
<!--//prices -->
 
 
<!-- gallery -->
 
<!-- gallery -->
 
<div class="gallery" id="gallery">
 
<div class="gallery" id="gallery">
Line 12,714: Line 12,588:
 
</div>
 
</div>
 
</div>
 
</div>
<!--//prices -->
+
<!--//prices -->
 
+
<!-- Contact -->
+
<div class="agile-contact">
+
 
+
<div class="col-md-6 contact-map-right">
+
<div id="map"></div>
+
</div>
+
<div class="col-md-6 left-contact">
+
+
<div class="con-bot">
+
<div class="left-bw3">
+
<h5><i class="fa fa-map-marker" aria-hidden="true"></i>Address</h5>
+
<p>New York 3000</p>
+
<p>40019 Honey Street,</p>
+
<p>Morocco Casablanca</p>
+
</div>
+
<div class="right-bw3">
+
<h5><i class="fa fa-phone" aria-hidden="true"></i>Phone</h5>
+
<p>Telephone : +1 (734) 123-4567</p>
+
<p>+2158 85467</p>
+
<p>+2158 85467</p>
+
</div>
+
<div class="clearfix"></div>
+
</div>
+
<div class="cont-top">
+
<h5><i class="fa fa-envelope-o" aria-hidden="true"></i>Email</h5>
+
<a href="mailto:info@example.com">info@example.com</a>
+
</div>
+
</div>
+
<div class="clearfix"></div>
+
</div>
+
 
+
<div class="contact" id="contact">
+
<div id="particles-js2"></div>
+
<div class="contact-top">
+
<p class="sub-text">Choose Your Style</p>
+
 
+
<h3 class="title-w3 con">Contact Us</h3>
+
+
 
+
<form action="#" method="post" class="contact_form slideanim">
+
 
+
<div class="message">
+
<div class="col-md-6 col-sm-6 grid_6 c1">
+
<input type="text" class="margin-right" Name="Name" placeholder="Name" required="">
+
<input type="email" Name="Email" placeholder="Email" required="">
+
<input type="text" class="margin-right" Name="Phone Number" placeholder="Phone Number" required="">
+
</div>
+
 
+
<div class="col-md-6 col-sm-6 grid_6 c1">
+
<textarea name="Message" placeholder="Message" required=""></textarea>
+
</div>
+
<div class="clearfix"></div>
+
</div>
+
 
+
<input type="submit" value="SEND MESSAGE">
+
</form>
+
<section class="social">
+
                        <ul>
+
<li><a class="icon fb" href="#"><i class="fa fa-facebook"></i></a></li>
+
<li><a class="icon tw" href="#"><i class="fa fa-twitter"></i></a></li>
+
+
+
<li><a class="icon pin" href="#"><i class="fa fa-pinterest"></i></a></li>
+
<li><a class="icon db" href="#"><i class="fa fa-dribbble"></i></a></li>
+
<li><a class="icon gp" href="#"><i class="fa fa-google-plus"></i></a></li>
+
</ul>
+
</section>
+
</div>
+
</div>
+
<!-- //Contact -->
+
<!-- footer-top -->
+
<div class="footer-top">
+
<div class="container">
+
<div class="col-md-3 foot-left">
+
<h3>About Us</h3>
+
+
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard.</p>
+
</div>
+
<div class="col-md-3 foot-left">
+
<h3>Get In Touch</h3>
+
<p>Lorem Ipsum is simply dummy text of the printing and typesetting.</p>
+
+
<div class="contact-btm">
+
<span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span>
+
<p>90 Street, City, State 34789.</p>
+
</div>
+
<div class="contact-btm">
+
<span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
+
<p>+456 123 7890</p>
+
<div class="contact-btm">
+
</div>
+
<span class="fa fa-envelope-o" aria-hidden="true"></span>
+
<p><a href="mailto:example@email.com">info@example.com</a></p>
+
</div>
+
<div class="clearfix"></div>
+
 
+
</div>
+
<div class="col-md-3 foot-left">
+
<h3>Latest Works</h3>
+
<ul>
+
<li><a href="#"><img src="images/a1.jpg" alt="" class="img-responsive"></a></li>
+
<li><a href="#"><img src="images/a2.jpg" alt="" class="img-responsive"></a></li>
+
<li><a href="#"><img src="images/a2.jpg" alt="" class="img-responsive"></a></li>
+
<li><a href="#"><img src="images/a1.jpg" alt="" class="img-responsive"></a></li>
+
</ul>
+
<div class="clearfix"></div>
+
</div>
+
<div class="col-md-3 foot-left">
+
<h3>Subscribe</h3>
+
<p>Lorem Ipsum is simply dummy text of the printing and Lorem Ipsum has </p>
+
<form action="#" method="post">
+
<input type="email" Name="Enter Your Email" placeholder="Enter Your Email" required="">
+
<input type="submit" value="Subscribe">
+
</form>
+
</div>
+
<div class="clearfix"></div>
+
</div>
+
</div>
+
<!-- /footer-top -->
+
  
 
<!-- footer -->
 
<!-- footer -->

Revision as of 14:54, 16 July 2017

co Newcomer a Corporate Business Category Bootstrap Responsive website Template | Home :: w3layouts

  • Look Always Only Successful

    NEXT MEETUP | 30.03.2017 | 10:00 AM

  • Work Life Balance Reality

    NEXT MEETUP | 30.03.2017 | 9:00 AM

  • Look Always Only Successful

    NEXT MEETUP | 30.03.2017 | 9:00 AM

Who We Are

About Us

Lorem ipsum dolor sit amet, consectetur adipisc elit. Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.when an unknown printer took a galley of type and scrambled it to make a type specimen book.Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet.when an unknown printer took Proin ultricies vestibulum velit.Lorem ipsum dolor sit amet

Awesome Features

Lorem ipsum dolor sit amet, consectetur adipisc elit.

Awesome Features

Lorem ipsum dolor sit amet, consectetur adipisc elit.

Sign Up Form

324

Creative Design

543

Happy Clients

434

People Loved

234

Win Awards

Our Clients

People Says

  • Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    Alice Lengthorn

  • Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    Martin Pal

  • Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat.

    MARTIN NIXON

© 2017 Newcomer. All rights reserved | Design by W3layouts