|
|
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">×</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 --> |