API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Sep 21st, 2017
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 62.24 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3.  
  4. <html lang="en">
  5. <head>
  6.         <meta charset="utf-8">
  7.  
  8.         <title>Montana Internet - Smile Faster</title>
  9.         <meta content="width=device-width, initial-scale=1.0" name="viewport">
  10.         <meta content="Site Description Here" name="description">
  11.         <link href="css/bootstrap.css" media="all" rel="stylesheet" type="text/css">
  12.         <link href="css/stack-interface.css" media="all" rel="stylesheet" type="text/css">
  13.         <link href="css/socicon.css" media="all" rel="stylesheet" type="text/css">
  14.         <link href="css/lightbox.min.css" media="all" rel="stylesheet" type="text/css">
  15.         <link href="css/flickity.css" media="all" rel="stylesheet" type="text/css">
  16.         <link href="css/iconsmind.css" media="all" rel="stylesheet" type="text/css">
  17.         <link href="css/jquery.steps.css" media="all" rel="stylesheet" type="text/css">
  18.         <link href="css/theme.css" media="all" rel="stylesheet" type="text/css">
  19.         <link href="css/custom.css" media="all" rel="stylesheet" type="text/css">
  20.         <link href="css/font-rubiklato.css" media="all" rel="stylesheet" type="text/css">
  21.         <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i"
  22.        rel="stylesheet">
  23.         <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700%7CRubik:300,400,500" rel="stylesheet">
  24.         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  25. </head>
  26.  
  27. <body class="">
  28.         <a id="start"></a>
  29.  
  30.         <div class="nav-container">
  31.                 <div class="bar bar--sm visible-xs">
  32.                         <div class="container">
  33.                                 <div class="row">
  34.                                         <div class="col-xs-3 col-sm-2">
  35.                                                 <a href="index.html"><img alt="logo" class="logo logo-dark" src="img/mtnetlogobluesmall.png">
  36.                                                <img class="logo logo-light" alt="logo" src="img/bluelogo2small.png"></a>
  37.                                         </div>
  38.  
  39.  
  40.                                         <div class="col-xs-9 col-sm-10 text-right">
  41.                                                 <a class="hamburger-toggle" data-toggle-class="#menu2;hidden-xs hidden-sm" href="#"><i class=
  42.                                                "icon icon--sm stack-interface stack-menu"></i></a>
  43.                                         </div>
  44.                                 </div>
  45.                         </div>
  46.                 </div>
  47.  
  48.  
  49.                 <nav class="bar bar-2 hidden-xs bar--absolute bar--transparent" data-scroll-class="550px:pos-fixed" id="menu2">
  50.                         <div class="container">
  51.                                 <div class="row">
  52.                                         <div class="col-md-2 text-center text-left-sm hidden-xs col-md-push-5">
  53.                                                 <div class="bar__module">
  54.                                                         <a href="index.html"><img alt="logo" class="logo logo-dark" src="img/bluelogomed2.png"> <img alt="logo" class=
  55.                                                        "logo logo-light" src="img/whitelogomed2.png"></a>
  56.                                                 </div>
  57.                                         </div>
  58.  
  59.  
  60.                                         <div class="col-md-pull-2 col-md-5">
  61.                                                 <div class="bar__module">
  62.                                                       <ul class="menu-horizontal text-left">
  63.                                                                 <li>
  64.                                                                         <a class="inner-link" href="index3.html" target="_self">Home</a>
  65.                                                                 </li>
  66.  
  67.  
  68.                     <li class="dropdown">
  69.                                         <span class="dropdown__trigger">
  70.                                             Services
  71.                                         </span>
  72.                                         <div class="dropdown__container" style="left: -575.406px;">
  73.                                             <div class="container">
  74.                                                 <div class="row">
  75.                                                     <div class="dropdown__content col-md-2 col-sm-4" style="left: 575.406px;">
  76.                                                         <ul class="menu-vertical">
  77.                                                             <li class="dropdown">
  78.                                                                 <span class="dropdown__trigger">Home</span>
  79.                                                                 <div class="dropdown__container" style="left: -601.406px;">
  80.                                                                     <div class="container">
  81.                                                                         <div class="row">
  82.                                                                             <div class="dropdown__content col-md-2" style="left: 601.406px;">
  83.                                                                                 <ul class="menu-vertical">
  84.                                                                                     <li>
  85.                                                                                         <a href="page-about-company.html">
  86.                                             Wireless Internet
  87.                                                                                 </a>
  88.                                                                                     </li>
  89.                                                                                     <li>
  90.                                                                                         <a href="page-about-team.html">
  91.                                                                                         Fiber Internet
  92.                                                                                         </a>
  93.                                                                                     </li>
  94.                                             <li>
  95.                                                                                         <a href="page-about-company.html">
  96.                                                                                         PC Services
  97.                                                                                         </a>
  98.                                                                                     </li>
  99.  
  100.                                                                                 </ul>
  101.                                                                             </div>
  102.                                                                             <!--end dropdown content-->
  103.                                                                         </div>
  104.                                                                         <!--end row-->
  105.                                                                     </div>
  106.                                                                 </div>
  107.                                                                 <!--end dropdown container-->
  108.                                                             </li>
  109.                                                             <li class="dropdown">
  110.                                                                 <span class="dropdown__trigger">Business</span>
  111.                                                                 <div class="dropdown__container" style="left: -601.406px;">
  112.                                                                     <div class="container">
  113.                                                                         <div class="row">
  114.                                                                             <div class="dropdown__content col-md-2 col-sm-4" style="left: 601.406px;">
  115.                                                                                 <ul class="menu-vertical">
  116.                                                                                     <li>
  117.                                                                                         <a href="page-careers.html">
  118.                                                                                             Link 1
  119.                                                                                         </a>
  120.                                                                                     </li>
  121.                                                                                     <li>
  122.                                                                                         <a href="page-careers-single.html">
  123.                                                                                              Link 2
  124.                                                                                         </a>
  125.                                                                                     </li>
  126.                                                                                 </ul>
  127.                                                                             </div>
  128.                                                                             <!--end dropdown content-->
  129.                                                                         </div>
  130.                                                                         <!--end row-->
  131.                                                                     </div>
  132.                                                                 </div>
  133.                                                                 <!--end dropdown container-->
  134.                                                             </li>
  135.                                                             <li class="dropdown">
  136.                                                                 <span class="dropdown__trigger">Phone</span>
  137.                                                                 <div class="dropdown__container" style="left: -601.406px;">
  138.                                                                     <div class="container">
  139.                                                                         <div class="row">
  140.                                                                             <div class="dropdown__content col-md-2 col-sm-4" style="left: 601.406px;">
  141.                                                                                 <ul class="menu-vertical">
  142.                                                                                     <li>
  143.                                                                                         <a href="page-contact-map-1.html">
  144.                                                                                              Link 1
  145.                                                                                         </a>
  146.                                                                                     </li>
  147.                                                                                     <li>
  148.                                                                                         <a href="page-contact-map-2.html">
  149.                                                                                              Link 1
  150.                                                                                         </a>
  151.                                                                                     </li>
  152.                                                                                 </ul>
  153.                                                                             </div>
  154.                                                                             <!--end dropdown content-->
  155.                                                                         </div>
  156.                                                                         <!--end row-->
  157.                                                                     </div>
  158.                                                                 </div>
  159.                                                                 <!--end dropdown container-->
  160.                                                             </li>
  161.                                                             <li class="dropdown">
  162.                                                                 <span class="dropdown__trigger">Computer</span>
  163.                                                                 <div class="dropdown__container" style="left: -601.406px;">
  164.                                                                     <div class="container">
  165.                                                                         <div class="row">
  166.                                                                             <div class="dropdown__content col-md-2 col-sm-4" style="left: 601.406px;">
  167.                                                                                 <ul class="menu-vertical">
  168.                                                                                     <li>
  169.                                                                                         <a href="page-pricing-1.html">
  170.                                                                                            Netguard
  171.  
  172.                                                                                       </a>
  173.                                                                                     </li>
  174.                                                                                     <li>
  175.                                                                                        <a href="page-pricing-2.html">
  176.                                                                                             1 on 1 Training
  177.                                                                                         </a>
  178.                                                                                     </li>
  179.                                                                                     <li>
  180.                                                                                         <a href="page-pricing-3.html">
  181.                                                                                             Computer Repair
  182.                                                                                         </a>
  183.                                                                                     </li>
  184.                                                                                 </ul>
  185.                                                                             </div>
  186.                                                                             <!--end dropdown content-->
  187.                                                                         </div>
  188.                                                                         <!--end row-->
  189.                                                                     </div>
  190.                                                                 </div>
  191.                                                                 <!--end dropdown container-->
  192.                                                             </li>
  193.     <!--                              <div class="dropdown__content col-md-2 col-sm-4" style="left: 601.406px;"> -->
  194.         <!--                                                                        <ul class="menu-vertical"> -->
  195.                                                                                 <li>   <a class="inner-link" href="service-area.html" target="_self">Our Service Areas</a> </li>
  196. <!--                                                                                </ul>-->
  197.     <!--                                                                       </div>-->
  198.  
  199.                                                         </ul>
  200.                                                     </div>
  201.                                                     <!--end dropdown content-->
  202.                                                 </div>
  203.                                                 <!--end row-->
  204.                                             </div>
  205.                                         </div>
  206.                                         <!--end dropdown container-->
  207.                                     </li>
  208.  
  209.  
  210.  
  211.                                                                 <li>
  212.                                                                         <a class="inner-link" href="montana-internet-price.html" target="_self">Pricing</a>
  213.                                                                 </li>
  214.  
  215.  
  216.                                                                 <li class="dropdown">
  217.                                                                         <span class="dropdown__trigger">About</span>
  218.  
  219.                                                                         <div class="dropdown__container">
  220.                                                                                 <div class="container">
  221.                                                                                         <div class="row">
  222.                                                                                                 <div class="dropdown__content col-md-2">
  223.                                                                                                         <ul class="menu-vertical">
  224.                                                                                                                 <li>
  225.                                                                                                                         <a href="our-mission.html">Our Mission</a>
  226.                                                                                                                 </li>
  227.  
  228.  
  229.                                                                                                                 <li>
  230.                                                                                                                         <a href="montana-internet-team.html">Our Team</a>
  231.                                                                                                                 </li>
  232.  
  233.  
  234.                                                                                                                 <li>
  235.                                                                                                                         <a href="service-area.html">Our Service Area</a>
  236.                                                                                                                 </li>
  237.  
  238.  
  239.                                                                                                                 <li>
  240.                                                                                                                         <a href="montana-internet-history.html">Our History</a>
  241.                                                                                                                 </li>
  242.                                                                                                         </ul>
  243.                                                                                                 </div>
  244.                                                                                         </div>
  245.                                                                                 </div>
  246.                                                                         </div>
  247.                                                                 </li>
  248.  
  249.  
  250.                                                                 <li>
  251.                                                                         <a class="inner-link" href="contact-montana-internet.html" target="_self">Contact</a>
  252.                                                                 </li>
  253.                                                         </ul>
  254.                                                 </div>
  255.                                         </div>
  256.  
  257.  
  258.                                         <div class="col-md-5 text-right text-left-xs text-left-sm">
  259.                                                 <div class="bar__module">
  260.                                                         <a class="btn btn--sm type--uppercase" href="#"><span class="btn__text">MY ACCOUNT<br></span></a> <a class=
  261.                                                        "btn btn--sm type--uppercase btn--primary" href="#"><span class="btn__text">CHECK EMAIL</span></a>
  262.                                                 </div>
  263.                                         </div>
  264.                                 </div>
  265.                         </div>
  266.                 </nav>
  267.         </div>
  268.  
  269.  
  270.         <div class="main-container">
  271.                 <section class="section_padding_250 cover height-80 imagebg text-center" data-overlay="3">
  272.                         <div class="background-image-holder"><img alt="background" src="img/standardmic.jpg">
  273.                         </div>
  274.  
  275.  
  276.                         <div class="container pos-vertical-center">
  277.                                 <div class="row">
  278.                                         <div class="col-sm-10">
  279.                                                 <h1>Welcome to the new MT.net</h1>
  280.  
  281.  
  282.                                                 <p class="lead" style="margin-top:5px;">We believe everyone should have access to affordable, reliable, superfast Internet.</p>
  283.  
  284.  
  285.                                                 <div class="modal-instance">
  286.                                                         <a class="btn type--uppercase btn--primary modal-trigger" href="#">Join Us Today!</a>
  287.  
  288.                                                         <div class="modal-container">
  289.                                                                 <div class="modal-content">
  290.                                                                         <section class="imageblock feature-large bg--white border--round">
  291.                                                                                 <div class="imageblock__content col-md-5 col-sm-3 pos-left">
  292.                                                                                         <div class="background-image-holder"><img alt="image" src="img/ryantowerguy.jpg">
  293.                                                                                         </div>
  294.                                                                                 </div>
  295.  
  296.  
  297.                                                                                 <div class="container">
  298.                                                                                         <div class="row">
  299.                                                                                                 <div class="col-md-5 col-md-push-6 col-sm-7 col-sm-push-4">
  300.                                                                                                         <form>
  301.                                                                                                                 <div class="col-sm-6">
  302.                                                                                                                         <label>Your Name:</label> <input name="name" placeholder="Type Name Here" type="text">
  303.                                                                                                                 </div>
  304.  
  305.  
  306.                                                                                                                 <div class="col-sm-6">
  307.                                                                                                                         <label>Email Address:</label> <input name="email" placeholder="Email Address" type="email">
  308.                                                                                                                 </div>
  309.  
  310.  
  311.                                                                                                                 <div class="col-sm-12">
  312.                                                                                                                         <label>Street Address:</label> <input name="address" placeholder="Street Address" type="text">
  313.                                                                                                                         <input name="state" placeholder="State" type="text">
  314.                                                                                                                 </div>
  315.  
  316.  
  317.                                                                                                                 <div class="col-sm-12">
  318.                                                                                                                         <label>Message:</label>
  319.  
  320.                                                                                                                         <textarea name="text" placeholder="Message" rows="4"></textarea>
  321.                                                                                                                 </div>
  322.  
  323.  
  324.                                                                                                                 <div class="col-sm-12">
  325.                                                                                                                         <div class="input-checkbox">
  326.                                                                                                                                 <input name="agree" type="checkbox"> <label></label>
  327.                                                                                                                         </div>
  328.                                                                                                                         <span>I have read and agree to the <a href="#">terms and conditions</a></span>
  329.                                                                                                                 </div>
  330.  
  331.  
  332.                                                                                                                 <div class="col-sm-4">
  333.                                                                                                                         <div class="input-radio">
  334.                                                                                                                                 <span class="input__label">Wireless</span> <input name="type" type="radio" value="wireless">
  335.                                                                                                                                 <label></label>
  336.                                                                                                                         </div>
  337.                                                                                                                 </div>
  338.  
  339.  
  340.                                                                                                                 <div class="col-sm-4">
  341.                                                                                                                         <div class="input-radio">
  342.                                                                                                                                 <span class="input__label">Fiber</span> <input name="type" type="radio" value="fiber"> <label></label>
  343.                                                                                                                         </div>
  344.                                                                                                                 </div>
  345.  
  346.  
  347.                                                                                                                 <div class="col-sm-4">
  348.                                                                                                                         <div class="input-radio">
  349.                                                                                                                                 <span class="input__label">Other</span> <input name="type" type="radio" value="other"> <label></label>
  350.                                                                                                                         </div>
  351.                                                                                                                 </div>
  352.  
  353.  
  354.                                                                                                                 <div class="col-sm-12">
  355.                                                                                                                         <div class="input-select">
  356.                                                                                                                                 <select>
  357.                                                                                                                                         <option selected value="Default">
  358.                                                                                                                                                 Select A Package
  359.                                                                                                                                         </option>
  360.  
  361.                                                                                                                                         <option value="Starter">
  362.                                                                                                                                                 Starter
  363.                                                                                                                                         </option>
  364.  
  365.                                                                                                                                         <option value="Basic">
  366.                                                                                                                                                 Basic
  367.                                                                                                                                         </option>
  368.  
  369.                                                                                                                                         <option value="Turbo">
  370.                                                                                                                                                 Turbo
  371.                                                                                                                                         </option>
  372.  
  373.                                                                                                                                         <option>
  374.                                                                                                                                                 X-Stream
  375.                                                                                                                                         </option>
  376.                                                                                                                                 </select>
  377.                                                                                                                         </div>
  378.                                                                                                                 </div>
  379.  
  380.  
  381.                                                                                                                 <div class="col-sm-12">
  382.                                                                                                                         <button class="btn btn--primary" type="submit">Send Form</button>
  383.                                                                                                                 </div>
  384.                                                                                                         </form>
  385.                                                                                                 </div>
  386.                                                                                         </div>
  387.                                                                                         <!--end of row-->
  388.                                                                                 </div>
  389.                                                                                 <!--end of container-->
  390.                                                                         </section>
  391.                                                                 </div>
  392.                                                         </div>
  393.                                                 </div>
  394.                                                 <!--</div>
  395.                     </div><!==end of row-->
  396.                                         </div>
  397.                                         <!--end of container-->
  398.                                 </div>
  399.                         </div>
  400.                 </section>
  401.  
  402.         <section class="feature-large switchable switchable--switch">
  403.                 <div class="container">
  404.  <div class="row">
  405.                         <div class="col-md-6 col-sm-6"> <img alt="Image" class="border--round box-shadow-wide" src="img/inner-5.jpg"> </div>
  406.                         <div class="col-md-5 col-sm-6">
  407.                             <div class="heading-block">
  408.                                 <h2>We understand the importance of...</h2>
  409.                             </div>
  410.                             <div class="text-block">
  411.                                 <h5>Customer Satisfaction</h5>
  412.                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat. </p>
  413.                             </div>
  414.                             <div class="text-block">
  415.                                 <h5>Consumer Security</h5>
  416.                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat.</p>
  417.                             </div>
  418.                         </div>
  419.                     </div>
  420.  
  421.  
  422.                 </div>
  423.             </section>
  424.             <section class="feature-large switchable bg--secondary">
  425.                 <div class="container">
  426.     <div class="row">
  427.                         <div class="col-md-6 col-sm-6"> <img alt="Image" class="border--round box-shadow-wide" src="img/inner-5.jpg"> </div>
  428.                         <div class="col-md-5 col-sm-6">
  429.                             <div class="heading-block">
  430.                                 <h2>We also believe that with...</h2>
  431.                             </div>
  432.                             <div class="text-block">
  433.                                 <h5>Team work</h5>
  434.                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat. </p>
  435.                             </div>
  436.                             <div class="text-block">
  437.                                 <h5>Expierence</h5>
  438.                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat. </p>
  439.                             </div>
  440.                         </div>
  441.                     </div>
  442.                 </div>
  443.             </section>
  444.             <section class="feature-large switchable switchable--switch">
  445.                 <div class="container">
  446.                     <div class="row">
  447.                         <div class="col-md-6 col-sm-6"> <img alt="Image" class="border--round box-shadow-wide" src="img/inner-5.jpg"> </div>
  448.                         <div class="col-md-5 col-sm-6">
  449.                             <div class="heading-block">
  450.                                 <h2>Experience quality design and thoughfully crafted code.</h2>
  451.                             </div>
  452.                             <div class="text-block">
  453.                                 <h5>Premium Design</h5>
  454.                                 <p> Combine blocks from a range of categories to build pages that are rich in visual style and interactivity. </p>
  455.                             </div>
  456.                             <div class="text-block">
  457.                                 <h5>Quality Code</h5>
  458.                                 <p> Stack is built with customization and ease-of-use at its core — consistent markup and useful data attribute modifiers make rapid development simple. </p>
  459.                             </div>
  460.                         </div>
  461.                     </div>
  462.                 </div>
  463.             </section>
  464.  
  465.  
  466.  
  467.  
  468.                 <section class="text-center bg--secondary">
  469.                        <div class="container">
  470.             <div class="row">
  471.                                   <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 ">
  472.                                                 <h2> What makes Montana Internet different?</h2>
  473.                                                 <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat.</p>
  474.                                         </div>
  475.                         </div> <!--end of row-->
  476.                        </div> <!--end of container-->
  477.             </section>
  478.  
  479.  
  480.  <section class="text-center bg--secondary">
  481.                        <div class="container">
  482.             <div class="row">
  483.                                         <div class="col-sm-4">
  484.                                                 <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  485.                                                         <i class="icon icon--lg icon-Mens"></i>
  486.  
  487.                                                         <h4>We're your Neighbors</h4>
  488.  
  489.  
  490.                                                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat ornare.</p>
  491.                                                         <a href="#">Learn More</a>
  492.                                                 </div>
  493.                                                 <!--end feature-->
  494.                                         </div>
  495.  
  496.  
  497.                                         <div class="col-sm-4">
  498.                                                 <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  499.                                                         <i class="icon icon--lg icon-Male-2"></i>
  500.  
  501.                                                         <h4>Customer-centric Approach</h4>
  502.  
  503.  
  504.                                                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat ornare.</p>
  505.                                                         <a href="#">Learn More</a>
  506.                                                 </div>
  507.                                                 <!--end feature-->
  508.                                         </div>
  509.  
  510.  
  511.                                         <div class="col-sm-4">
  512.                                                 <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  513.                                                         <i class="icon icon--lg icon-Laptop-3"></i>
  514.  
  515.                                                         <h4>Awesome Technology</h4>
  516.  
  517.  
  518.                                                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat ornare.</p>
  519.                             <a href="#">Learn More</a>
  520.                                                 </div>
  521.                                                 <!--end feature-->
  522.                                         </div>
  523.  
  524.  
  525.                                         <div class="col-sm-4">
  526.                                                 <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  527.                                                         <i class="icon icon--lg icon-Sport-Mode"></i>
  528.  
  529.                                                         <h4>Superfast Internet</h4>
  530.  
  531.  
  532.                                                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat ornare.</p>
  533.                                                         <a href="#">Learn More</a>
  534.                                                 </div>
  535.                                                 <!--end feature-->
  536.                                         </div>
  537.  
  538.  
  539.                                         <div class="col-sm-4">
  540.                                                 <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  541.                                                         <i class="icon icon--lg icon-Business-ManWoman"></i>
  542.  
  543.                                                         <h4>We Have Great People</h4>
  544.  
  545.  
  546.                                                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat ornare.</p>
  547.                                                         <a href="#">Learn More</a>
  548.                                                 </div>
  549.                                                 <!--end feature-->
  550.                                         </div>
  551.  
  552.  
  553.                                         <div class="col-sm-4">
  554.                                                 <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  555.                             <i class="icon icon--lg icon-Juice"></i>
  556.                             <h4>Cool Events</h4>
  557.                                                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel ligula vel ex placerat ornare.</p>
  558.                                                         <a href="#">Learn More</a><span class="label">New</span>
  559.                                                 </div>
  560.                                                 <!--end feature-->
  561.                                         </div>
  562.                                 </div>
  563. </div> <!-- end row -->
  564. </div><!--end container-->
  565. </section>
  566.  
  567.                 <section class="imagebg">
  568.                         <div class="background-image-holder"><img alt="background" src="img/helenacapitaljillgoodell.jpg">
  569.                         </div>
  570.  
  571.  
  572.                         <div class="container">
  573.                                 <div class="row">
  574.                                         <div class="col-sm-7 col-md-5">
  575.                                                 <div class="boxed boxed--lg border--round bg--white">
  576.                                                         <div class="col-md-10 col-md-offset-1 col-sm-12">
  577.                                                                 <h3>Customer Spotlight</h3>
  578.  
  579.                                                                 <p class="lead">&rdquo;Montana Internet has been our Internet provider for probably 20 years. To say we are happy with them would be a HUGE understatement! They are local and have given great care to our business and home Internet. Thank you! &ldquo;</p>
  580.  
  581.                                                                 <hr class="short">
  582.  
  583.  
  584.                                                                 <p class="lead">Tia Nelson - Helena, MT</p>
  585.                                                         </div>
  586.                                                 </div>
  587.                                         </div>
  588.                                 </div>
  589.                                 <!--end of row-->
  590.                         </div>
  591.                         <!--end of container-->
  592.                 </section>
  593. <section  style="padding-top:25px;">
  594.     <div class="container text-center">
  595.                                 <div class="row">
  596.                      <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">
  597.                                                 <h2 style="margin-top: 75px; margin-bottom: 0px;"> Our superior pricing makes all the difference.</h2>
  598.                                                 <p class="lead">Starting with our most popular Internet Packages.</p>
  599.                                         </div>
  600.  
  601.  
  602.                                 </div>
  603.                                 <!--end of row-->
  604.                         </div>
  605.                         <!--end of container-->
  606. </section>
  607.                 <div class="container">
  608.                     <div class="row">
  609.                         <div class="col-sm-4">
  610.                             <div class="pricing pricing-1 boxed boxed--lg boxed--border">
  611.                                 <h3>Basic Wireless</h3>
  612.                                 <span class="h2">
  613.                                     <strong>$30.00</strong>
  614.                                 </span>
  615.                                 <span class="type--fine-print">Per Month, Plus Installation.</span>
  616.                                 <hr>
  617.                                 <ul>
  618.                                     <li>
  619.                                         <span class="checkmark bg--primary-1"></span>
  620.                                         <span>24/7 Phone Support</span>
  621.                                     </li>
  622.                                     <li>
  623.                                         <span class="checkmark bg--primary-1"></span>
  624.                                         <span>$125 Installation</span>
  625.                                     </li>
  626.                                     <li>
  627.                                         <span class="checkmark bg--primary-1"></span>
  628.                                         <span>3 Email Accounts</span>
  629.                                     </li>
  630.                                     <li>
  631.                                         <span class="checkmark bg--primary-1"></span>
  632.                                         <span>Automatic Transfer</span>
  633.                                     </li>
  634.                                 </ul>
  635.                                 <a class="btn btn--lg btn--primary" href="#">
  636.                                     <span class="btn__text">
  637.                                         Join Montana Internet
  638.                                     </span>
  639.                                 </a>
  640.                             </div>
  641.                             <!--end of pricing-->
  642.                         </div>
  643.                         <div class="col-sm-4">
  644.                             <div class="pricing pricing-1 boxed boxed--lg boxed--border boxed--emphasis">
  645.                                 <h3>Wirless W/ Hosting</h3>
  646.                                 <span class="h2">
  647.                                     <strong>$75.00</strong>
  648.                                 </span>
  649.                                 <span class="type--fine-print">Per Month, Plus Installation.</span>
  650.                                 <span class="label">Value</span>
  651.                                 <hr>
  652.                                 <ul>
  653.                                     <li>
  654.                                         <span class="checkmark bg--primary-1"></span>
  655.                                         <span>24/7 Email Support</span>
  656.                                     </li>
  657.                                     <li>
  658.                                         <span class="checkmark bg--primary-1"></span>
  659.                                         <span>5 Emails</span>
  660.                                     </li>
  661.                                     <li>
  662.                                         <span class="checkmark bg--primary-1"></span>
  663.                                         <span>1 Sub-domain.</span>
  664.                                     </li>
  665.                                     <li>
  666.                                         <span class="checkmark bg--primary-1"></span>
  667.                                         <span></span>
  668.                                     </li>
  669.                                 </ul>
  670. <!--                                <a class="btn btn--primary-1" href="#"> -->
  671.                 <a class="btn btn--lg" href="#"><span class="btn__text">Purchase Plan<br></span></a>
  672.                                     <!--<span class="btn__text">
  673.                                        Purchase Plan
  674.                                    </span>-->
  675.                                 </a>
  676.                             </div>
  677.                             <!--end of pricing-->
  678.                         </div>
  679.                         <div class="col-sm-4">
  680.                             <div class="pricing pricing-1 boxed boxed--lg boxed--border">
  681.                                 <h3>Premium Wireless</h3>
  682.                                 <span class="h2">
  683.                                     <strong>$100.00</strong>
  684.                                 </span>
  685.  
  686.  <span class="type--fine-print">Per Month, Plus Installation.</span>
  687.                                 <hr>
  688.                                 <ul>
  689.                                     <li>
  690.                                         <span class="checkmark bg--primary-1"></span>
  691.                                         <span>24/7 Phone Support</span>
  692.                                     </li>
  693.                                     <li>
  694.                                         <span class="checkmark bg--primary-1"></span>
  695.                                         <span>$125 Installation</span>
  696.                                     </li>
  697.                                     <li>
  698.                                         <span class="checkmark bg--primary-1"></span>
  699.                                         <span>3 Email Accounts</span>
  700.                                     </li>
  701.                                     <li>
  702.                                         <span class="checkmark bg--primary-1"></span>
  703.                                         <span>Automatic Transfer</span>
  704.                                     </li>
  705.                                 </ul>
  706.                                 <a class="btn btn--lg btn--primary" href="#">
  707.                                     <span class="btn__text">
  708.                                         Join Montana Internet
  709.                                     </span>
  710.                                 </a>
  711.                             </div>
  712.                             <!--end of pricing-->
  713.                         </div>
  714.                     </div>
  715.                     <!--end of row-->
  716.                 </div>
  717.                 <!--end of container-->
  718.             </section>
  719.  
  720.                         <section class="bg--secondary">
  721.                                 <div class="container">
  722.                                         <div class="row">
  723.                                                 <div class="col-md-4">
  724.                                                         <div class="text-block">
  725.                                                                 <h4>Frequently Asked Questions</h4>
  726.                                                         </div>
  727.                                                 </div>
  728.  
  729.  
  730.                                                 <div class="col-md-4">
  731.                                                         <div class="text-block">
  732.                                                                 <h5>Is there a contract?</h5>
  733.  
  734.  
  735.                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis, ante non.</p>
  736.                                                         </div>
  737.  
  738.  
  739.                                                         <div class="text-block">
  740.                                                                 <h5>Is Wireless the same as Satellite Internet?</h5>
  741.  
  742.  
  743.                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis, ante non.</p>
  744.                                                         </div>
  745.  
  746.  
  747.                                                         <div class="text-block">
  748.                                                                 <h5>Do you offer a loyalty program?</h5>
  749.  
  750.  
  751.                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis, ante non.</p>
  752.                                                         </div>
  753.                                                 </div>
  754.  
  755.  
  756.                                                 <div class="col-md-4">
  757.                                                         <div class="text-block">
  758.                                                                 <h5>Do you offer unlimited data?</h5>
  759.  
  760.  
  761.                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis, ante non.</p>
  762.                                                         </div>
  763.  
  764.  
  765.                                                         <div class="text-block">
  766.                                                                 <h5>Do you offer TV?</h5>
  767.  
  768.  
  769.                                                                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut facilisis, ante non.</p>
  770.                                                         </div>
  771.                                                 </div>
  772.                                         </div>
  773.                                         <!--end of row-->
  774.                                 </div>
  775.                                 <!--end of container-->
  776.                         </section>
  777.  
  778.  
  779.                         <section class="imageblock switchable feature-large space--lg bg--dark">
  780.                                 <div class="imageblock__content col-md-6 col-sm-4 pos-right">
  781.                                         <div class="map-container" data-address="1424 National Ave, Helena Montana" data-map-style=
  782.                                        "[ { &quot;featureType&quot;: &quot;administrative&quot;, &quot;elementType&quot;: &quot;labels.text.fill&quot;, &quot;stylers&quot;: [ { &quot;color&quot;: &quot;#444444&quot; } ] }, { &quot;featureType&quot;: &quot;landscape&quot;, &quot;elementType&quot;: &quot;all&quot;, &quot;stylers&quot;: [ { &quot;color&quot;: &quot;#f2f2f2&quot; } ] }, { &quot;featureType&quot;: &quot;poi&quot;, &quot;elementType&quot;: &quot;all&quot;, &quot;stylers&quot;: [ { &quot;visibility&quot;: &quot;off&quot; } ] }, { &quot;featureType&quot;: &quot;road&quot;, &quot;elementType&quot;: &quot;all&quot;, &quot;stylers&quot;: [ { &quot;saturation&quot;: -100 }, { &quot;lightness&quot;: 45 } ] }, { &quot;featureType&quot;: &quot;road&quot;, &quot;elementType&quot;: &quot;labels.text.fill&quot;, &quot;stylers&quot;: [ { &quot;lightness&quot;: &quot;-33&quot; } ] }, { &quot;featureType&quot;: &quot;road&quot;, &quot;elementType&quot;: &quot;labels.icon&quot;, &quot;stylers&quot;: [ { &quot;hue&quot;: &quot;#00aaff&quot; }, { &quot;saturation&quot;: &quot;46&quot; }, { &quot;lightness&quot;: &quot;0&quot; }, { &quot;gamma&quot;: &quot;1.08&quot; } ] }, { &quot;featureType&quot;: &quot;road.highway&quot;, &quot;elementType&quot;: &quot;all&quot;, &quot;stylers&quot;: [ { &quot;visibility&quot;: &quot;simplified&quot; } ] }, { &quot;featureType&quot;: &quot;road.highway&quot;, &quot;elementType&quot;: &quot;geometry.fill&quot;, &quot;stylers&quot;: [ { &quot;color&quot;: &quot;#ce5a0d&quot; }, { &quot;lightness&quot;: &quot;60&quot; } ] }, { &quot;featureType&quot;: &quot;road.highway&quot;, &quot;elementType&quot;: &quot;labels.text&quot;, &quot;stylers&quot;: [ { &quot;color&quot;: &quot;#6a6a6a&quot; } ] }, { &quot;featureType&quot;: &quot;road.highway&quot;, &quot;elementType&quot;: &quot;labels.icon&quot;, &quot;stylers&quot;: [ { &quot;visibility&quot;: &quot;on&quot; } ] }, { &quot;featureType&quot;: &quot;road.arterial&quot;, &quot;elementType&quot;: &quot;labels.icon&quot;, &quot;stylers&quot;: [ { &quot;visibility&quot;: &quot;off&quot; } ] }, { &quot;featureType&quot;: &quot;transit&quot;, &quot;elementType&quot;: &quot;all&quot;, &quot;stylers&quot;: [ { &quot;visibility&quot;: &quot;off&quot; } ] }, { &quot;featureType&quot;: &quot;water&quot;, &quot;elementType&quot;: &quot;all&quot;, &quot;stylers&quot;: [ { &quot;color&quot;: &quot;#0081c2&quot; }, { &quot;visibility&quot;: &quot;on&quot; } ] } ]"
  783.                                        data-map-zoom="17" data-maps-api-key="AIzaSyCfo_V3gmpPm1WzJEC9p_sRbgvyVbiO83M" data-marker-title="Stack">
  784.                                         </div>
  785.                                 </div>
  786.  
  787.  
  788.                                 <div class="container">
  789.                                         <div class="row">
  790.                                                 <div class="col-md-5 col-sm-7">
  791.                                                         <h3>1424 National Ave<br>
  792.                                                         Helena, Montana 59601</h3>
  793.  
  794.  
  795.                                                         <p class="lead">E: <a href="#">support@mt.net</a><br>
  796.                                                         P: 406.443.3347</p>
  797.  
  798.  
  799.                                                         <p class="lead">Give us a call or drop by anytime, we endeavour to answer all enquiries within 24 hours on
  800.                                                         business days.</p>
  801.  
  802.  
  803.                                                        <p class="lead">We are open from 7am &mdash; 7pm week days.</p>
  804.  
  805.                             <a class="btn btn--lg btn--primary" href="#">
  806.                             <span class="btn__text">CHECK AVAILABLITY</span>
  807.                             </a>
  808.                                                 </div>
  809.                                         </div>
  810.                                         <!--end of row-->
  811.                                 </div>
  812.                                 <!--end of container-->
  813.                         </section>
  814.  
  815.  
  816.                         <footer class="footer-3 text-center-xs space--xs">
  817.                                 <div class="container">
  818.                                         <div class="row">
  819.                                                 <div class="col-sm-6">
  820.                                                         <img alt="Image" class="logo" src="img/mtnetlogograysmall.png">
  821.  
  822.  
  823.                                                         <ul class="list-inline list--hover">
  824.                                                                 <li>
  825.                                 <!-- <img alt="Image" class="logo" src="img/mtnetlogograysmall.png">-->
  826.  
  827.                                                                 </li>
  828.  
  829.  
  830.                                                                 <li>
  831.                                                                         <a href="#"><span class="type--fine-print">support@mt.net</span></a>
  832.                                                                 </li>
  833.                                                         </ul>
  834.                                                 </div>
  835.  
  836.  
  837.                                                 <div class="col-sm-6 text-right text-center-xs">
  838.                                                         <ul class="social-list list-inline list--hover">
  839.                                                                 <li>
  840.                                                                         <a href="#"><i class="socicon socicon-google icon icon--xs"></i></a>
  841.                                                                 </li>
  842.  
  843.  
  844.                                                                 <li>
  845.                                                                         <a href="#"><i class="socicon socicon-twitter icon icon--xs"></i></a>
  846.                                                                 </li>
  847.  
  848.  
  849.                                                                 <li>
  850.                                                                         <a href="#"><i class="socicon socicon-facebook icon icon--xs"></i></a>
  851.                                                                 </li>
  852.  
  853.  
  854.                                                                 <li>
  855.                                                                         <a href="#"><i class="socicon socicon-instagram icon icon--xs"></i></a>
  856.                                                                 </li>
  857.                                                         </ul>
  858.                                                 </div>
  859.                                         </div>
  860.                                         <!--end of row-->
  861.  
  862.  
  863.                                         <div class="row">
  864.                                                 <div class="col-sm-6">
  865.                        
  866.                                                 </div>
  867.  
  868.  
  869.                                                 <div class="col-sm-6 text-right text-center-xs">
  870.                                                         <span class="type--fine-print">&copy; <span class="update-year"></span>Montana Internet</span> <a class=
  871.                                                        "type--fine-print" href="#">Privacy Policy</a> <a class="type--fine-print" href="#">Legal</a>
  872.                                                 </div>
  873.                                         </div>
  874.                                         <!--end of row-->
  875.                                 </div>
  876.                                 <!--end of container-->
  877.                         </footer>
  878.                 </section>
  879.         </div>
  880.         <!--<div class="loader"></div>-->
  881.         <a class="back-to-top inner-link" data-scroll-class="100vh:active" href="#start"><i class=
  882.        "stack-interface stack-up-open-big"></i></a>
  883.         <script src="js/jquery-3.1.1.min.js">
  884.         </script>
  885.         <script src="js/flickity.min.js">
  886.         </script>
  887.         <script src="js/easypiechart.min.js">
  888.         </script>
  889.         <script src="js/parallax.js">
  890.         </script>
  891.         <script src="js/typed.min.js">
  892.         </script>
  893.         <script src="js/datepicker.js">
  894.         </script>
  895.         <script src="js/isotope.min.js">
  896.         </script>
  897.         <script src="js/ytplayer.min.js">
  898.         </script>
  899.         <script src="js/lightbox.min.js">
  900.         </script>
  901.         <script src="js/granim.min.js">
  902.         </script>
  903.         <script src="js/jquery.steps.min.js">
  904.         </script>
  905.         <script src="js/countdown.min.js">
  906.         </script>
  907.         <script src="js/twitterfetcher.min.js">
  908.         </script>
  909.         <script src="js/spectragram.min.js">
  910.         </script>
  911.         <script src="js/smooth-scroll.min.js">
  912.         </script>
  913.         <script src="js/scripts.js">
  914.         </script>
  915. </body>
  916. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!