SHARE
TWEET

Untitled

a guest Sep 21st, 2017 79 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
Pastebin PRO Autumn Special!
Get 40% OFF on Pastebin PRO accounts!
Top