API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Mar 21st, 2018
424
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 93.59 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html> <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Montana Internet - Smile Faster</title>
  6. <meta content="width=device-width, initial-scale=1.0" name="viewport">
  7. <meta content="Site Description Here" name="description">
  8. <link href="css/bootstrap.css" media="all" rel="stylesheet" type="text/css">
  9. <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
  10. <link href="css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">
  11. <link href="css/stack-interface.css" media="all" rel="stylesheet" type="text/css">
  12. <link href="css/socicon.css" media="all" rel="stylesheet" type="text/css">
  13. <link href="css/lightbox.min.css" media="all" rel="stylesheet" type="text/css">
  14. <link href="css/flickity.css" media="all" rel="stylesheet" type="text/css">
  15. <link href="css/custom1.css" media="all" rel="stylesheet" type="text/css">
  16. <link href="css/test.css" media="all" rel="stylesheet" type="text/css">
  17. <link href="css/iconsmind.css" media="all" rel="stylesheet" type="text/css">
  18. <link href="css/jquery.steps.css" media="all" rel="stylesheet" type="text/css">
  19. <link href="css/buttoncss.css" media="all" rel="stylesheet" type="text/css">
  20. <link href="css/theme.css" media="all" rel="stylesheet" type="text/css">
  21. <link href="css/custom.css" media="all" rel="stylesheet" type="text/css">
  22. <link href="css/font-rubiklato.css" media="all" rel="stylesheet" type="text/css">
  23. <link href="css/font-Boing.css" media="all" rel="stylesheet" type="text/css">
  24. <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
  25. <link href="https://fonts.googleapis.com/css?family=Lato:400,400i,700%7CRubik:300,400,500" rel="stylesheet">
  26. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  27. <link rel="apple-touch-icon" sizes="57x57" href="img/icons/apple-icon-57x57.png">
  28. <link rel="apple-touch-icon" sizes="60x60" href="img/icons/apple-icon-60x60.png">
  29. <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-icon-72x72.png">
  30. <link rel="apple-touch-icon" sizes="76x76" href="img/icons/apple-icon-76x76.png">
  31. <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-icon-114x114.png">
  32. <link rel="apple-touch-icon" sizes="120x120" href="img/icons/apple-icon-120x120.png">
  33. <link rel="apple-touch-icon" sizes="144x144" href="img/icons/apple-icon-144x144.png">
  34. <link rel="apple-touch-icon" sizes="152x152" href="img/icons/apple-icon-152x152.png">
  35. <link rel="apple-touch-icon" sizes="180x180" href="img/icons/apple-icon-180x180.png">
  36. <link rel="icon" type="image/png" sizes="192x192" href="img/icons/android-icon-192x192.png">
  37. <link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png">
  38. <link rel="icon" type="image/png" sizes="96x96" href="img/icons/favicon-96x96.png">
  39. <link rel="icon" type="image/png" sizes="16x16" href="img/icons/favicon-16x16.png">
  40. <link rel="manifest" href="img/icons/manifest.json">
  41. <meta name="msapplication-TileColor" content="#ffffff">
  42. <meta name="msapplication-TileImage" content="img/icons/ms-icon-144x144.png">
  43. <meta name="theme-color" content="#ffffff">
  44. <link rel="icon" type="image/png" href="img/icons/ms-icon-70x70.png">
  45.  
  46. <!-- Responsive issues css link -->
  47. <link href="css/ba-responsive.css" media="all" rel="stylesheet" type="text/css">
  48.  
  49. <style type="text/css">
  50. @media (max-width:768px) {
  51. ul.logo-sponsor li.m100 {
  52. width: 100%;
  53. }
  54. ul.logo-sponsor, ul.logo-sponsor2{
  55. margin-left: 0px;
  56. }
  57. ul.logo-sponsor li,ul.logo-sponsor2 li {
  58. width: 32%;
  59. }
  60. ul.logo-sponsor li img {
  61. max-width: 82%;
  62. }
  63. ul.logo-sponsor
  64. li.h-md{
  65. display: inline-block;
  66. }
  67. .hi-x{display: none;}
  68. }
  69. </style>
  70.  
  71.  
  72. <script type="text/javascript">
  73. zE(function() {
  74. zE.hide();
  75. });
  76.  
  77. $(window).scroll(function(){
  78. //more then or equals to
  79. if($(window).scrollTop() >= 500 ){
  80. zE.activate();
  81. //less then 500px from top
  82. } else {
  83. zE.hide();
  84.  
  85. }
  86. });
  87. </script>
  88. <!-- Start of mtnet Zendesk Widget script -->
  89. <script>/*<![CDATA[*/window.zEmbed||function(e,t){var n,o,d,i,s,a=[],r=document.createElement("iframe");window.zEmbed=function(){a.push(arguments)},window.zE=window.zE||window.zEmbed,r.src="javascript:false",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="display: none",d=document.getElementsByTagName("script"),d=d[d.length-1],d.parentNode.insertBefore(r,d),i=r.contentWindow,s=i.document;try{o=s}catch(e){n=document.domain,r.src='javascript:var d=document.open();d.domain="'+n+'";void(0);',o=s}o.open()._l=function(){var e=this.createElement("script");n&&(this.domain=n),e.id="js-iframe-async",e.src="https://assets.zendesk.com/embeddable_framework/main.js",this.t=+new Date,this.zendeskHost="mtnet.zendesk.com",this.zEQueue=a,this.body.appendChild(e)},o.write('<body onload="document._l();">'),o.close()}();
  90. /*]]>*/</script>
  91. <!-- End of mtnet Zendesk Widget script -->
  92.  
  93. </head>
  94. <body class="has-action-bar">
  95. <a id="start"></a>
  96. <div class="nav-container">
  97. <div class="bar bar--sm visible-xs">
  98. <div class="container">
  99. <div class="row">
  100. <div class="col-xs-3 col-sm-2">
  101. <a href="index7.html">
  102. <img alt="logo" class="logo logo-dark" src="img/mtnetlogobluesmall.png">
  103. <img class="logo logo-light" alt="logo" src="img/bluelogo2small.png">
  104. </a>
  105. </div>
  106. <div class="col-xs-9 col-sm-10 text-right">
  107. <a class="hamburger-toggle" data-toggle-class="#menu2;hidden-xs hidden-sm" href="#"><i class=
  108. "icon icon--sm stack-interface stack-menu"></i></a>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <!-- <nav class="bar bar-2 hidden-xs bar--absolute bar--transparent" data-scroll-class="550px:pos-fixed" id="menu2"> -->
  114. <nav class="bar bar-2 hidden-xs bar--absolute bar--transparent original--bg" data-scroll-class="550px:pos-fixed" id="menu2">
  115. <div class="container-fulued padding_100">
  116. <div class="row">
  117. <div class="col-md-2 text-center text-left-sm hidden-xs col-md-push-5">
  118. <div class="bar__module ba-responsive-center">
  119. <a href="/index7.html" class="logo-holder">
  120. <img class="logo logo-dark" alt="logo" src="img/bluelogomed2DOT.png" />
  121. <img class="logo logo-light" alt="logo" src="img/whitelogo2.png" />
  122. </a>
  123. </div>
  124. </div>
  125. <div class="col-md-pull-2 col-md-5">
  126. <div class="bar__module">
  127. <ul class="menu-horizontal text-left ba-responsive-center">
  128. <li>
  129. <a class="inner-link" href="index7.html" target="_self">Home</a>
  130. </li>
  131. <li class="dropdown">
  132. <span class="dropdown__trigger">
  133. Services
  134. </span>
  135. <div class="dropdown__container" style="left: -575.406px;">
  136. <div class="container">
  137. <div class="row">
  138. <div class="dropdown__content col-md-2 col-sm-4" style="left: 575.406px;">
  139. <ul class="menu-vertical">
  140. <li class="dropdown">
  141. <span class="dropdown__trigger">Residential</span>
  142. <div class="dropdown__container" style="left: -601.406px;">
  143. <div class="container">
  144. <div class="row">
  145. <div class="dropdown__content col-md-2" style="left: 601.406px;">
  146. <ul class="menu-vertical">
  147. <li>
  148. <a href="residential-wireless-internet.html">
  149. Wireless Internet
  150. </a>
  151. </li>
  152. <li>
  153. <a href="residential-fiber-internet.html">
  154. Fiber Internet
  155. </a>
  156. </li>
  157. <li>
  158. <a href="residential-voip-phone.html">
  159. VOIP Phone
  160. </a>
  161. </li>
  162. </ul>
  163. </div>
  164. <!--end dropdown content-->
  165. </div>
  166. <!--end row-->
  167. </div>
  168. </div>
  169. <!--end dropdown container-->
  170. </li>
  171. <li class="dropdown">
  172. <span class="dropdown__trigger">Business</span>
  173. <div class="dropdown__container" style="left: -601.406px;">
  174. <div class="container">
  175. <div class="row">
  176. <div class="dropdown__content col-md-2 col-sm-4" style="left: 601.406px;">
  177. <ul class="menu-vertical">
  178. <li>
  179. <a href="business-wireless-internet.html">
  180. Wireless Internet
  181. </a>
  182. </li>
  183. <li>
  184. <a href="business-fiber-internet.html">
  185. Fiber Internet
  186. </a>
  187. </li>
  188. <li>
  189. <a href="dedicated-internet.html">
  190. Dedicated Connections
  191. </a>
  192. </li>
  193. <li>
  194. <a href="business-voip-phone.html">
  195. VOIP Phone
  196. </a>
  197. </li>
  198. </ul>
  199. </div>
  200. <!--end dropdown content-->
  201. </div>
  202. <!--end row-->
  203. </div>
  204. </div>
  205. <!--end dropdown container-->
  206. </li>
  207. <li>
  208. <a class="inner-link" href="computer-care.html" target="_self">Computer Care</a>
  209. </li>
  210. <!-- <div class="dropdown__content col-md-2 col-sm-4" style="left: 601.406px;"> -->
  211. <!-- <ul class="menu-vertical"> -->
  212. <!-- <li> <a class="inner-link" href="service-area.html" target="_self">Our Service Areas</a> </li>-->
  213. <!-- <li> <a class="inner-link" href="speedtest.html" target="_self">Speedtest</a> </li> -->
  214. <!-- </ul>-->
  215. <!-- </div>-->
  216. </ul>
  217. </div>
  218. <!--end dropdown content-->
  219. </div>
  220. <!--end row-->
  221. </div>
  222. </div>
  223. <!--end dropdown container-->
  224. </li>
  225. <!-- <li>
  226. <a class="inner-link" href="montana-internet-price.html" target="_self">Pricing</a>
  227. </li>-->
  228. <li class="dropdown">
  229. <span class="dropdown__trigger">About</span>
  230. <div class="dropdown__container">
  231. <div class="container">
  232. <div class="row">
  233. <div class="dropdown__content col-md-2">
  234. <ul class="menu-vertical">
  235. <li>
  236. <a href="our-mission.html">Our Mission</a>
  237. </li>
  238. <li>
  239. <a href="montana-internet-team.html">Our Team</a>
  240. </li>
  241. </ul>
  242. </div>
  243. </div>
  244. </div>
  245. </div>
  246. </li>
  247. <li>
  248. <a class="inner-link" href="contact-montana-internet.html" target="_self">Contact</a>
  249. </li>
  250. <!-- <li>
  251. <a class="inner-link" href="montana-internet-support.html" target="_self">Blog</a>
  252. </li>-->
  253. </ul>
  254. </div>
  255. </div>
  256. <div class="col-md-5 text-right text-left-xs text-left-sm">
  257. <div class="bar__module ba-responsive-center">
  258. <a class="btn btn--sm btn--primary-1a btn--icon menu_btn_w" style="margin-right:25px;" href="javascript:$zopim.livechat.window.show();">
  259. <span class="btn__text"><i class="fa fa-comments-o"></i>Live Chat</span>
  260. </a>
  261. <!-- <li> -->
  262. <div class="modal-instance menu_btn_w">
  263. <a class="btn btn--sm btn--icon modal-trigger btn--primary-1a" href="#">
  264. <span class="btn__text"><i class="icon stack-users"></i>My Account</span>
  265. </a>
  266. <div class="modal-container">
  267. <div class="modal-content">
  268. <section class="unpad ">
  269. <div class="container">
  270. <div class="row">
  271. <div class="col-sm-6 col-md-offset-3 col-sm-offset-3 col-xs-12">
  272. <div class="boxed boxed--lg bg--white text-center feature">
  273. <div class="modal-close modal-close-cross"></div>
  274. <img alt="logo" class="logo logo-dark" src="img/bluelogomed2.png">
  275. <h5>Login to Your Account</h5>
  276. <div class="feature__body">
  277. <form>
  278. <div class="row">
  279. <div class="col-sm-12">
  280. <input type="text" placeholder="Username" />
  281. </div>
  282. <div class="col-sm-12">
  283. <input type="password" placeholder="Password" />
  284. </div>
  285. <div class="col-sm-12">
  286. <button class="btn btn--primary-1a" type="submit">Login</button>
  287. </div>
  288. </div>
  289. <!--end of row-->
  290. </form>
  291. <span class="type--fine-print block">Dont have an account yet?
  292. <a href="#">Create account</a>
  293. </span>
  294. <span class="type--fine-print block">Forgot your username or password?
  295. <a href="#">Recover account</a>
  296. </span>
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. <!--end of row-->
  302. </div>
  303. <!--end of container-->
  304. </section>
  305. </div>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. </nav>
  313. </div>
  314. <div class="main-container">
  315. <section class="imagebg height-80 slider text-center" data-overlay="2" data-arrows="true">
  316. <ul class="slides">
  317. <li style="background-image: url(img/19bg.jpg); background-size: cover;">
  318. <div class="container ">
  319. <div class="row">
  320. <div class="col-sm-12">
  321. <div class="wpb_text_column wpb_content_element" style="">
  322. <div class="wpb_wrapper">
  323. <h1 class="ba-heading">Ready To Rock Your Internet?</h1>
  324. <p class="fancy1">We believe everyone should have access to affordable, reliable, superfast Internet.</p>
  325. <div class="">
  326. <form action="http://mrare.us8.list-manage.com/subscribe/post-json?u=77142ece814d3cff52058a51f&amp;id=f300c9cce8&amp;c=?" data-success="Thanks for signing up. Please check your inbox for a confirmation email." data-error="Please provide your name and email address and agree to the terms." novalidate="true" class="form--active">
  327. <div class="col-md-3 col-md-offset-2 col-sm-4">
  328. <input class="validate-required" type="text" name="NAME" placeholder="Your Name">
  329. </div>
  330. <div class="col-md-3 col-sm-4">
  331. <input class="validate-required validate-phone" type="phone" name="PHONE" placeholder="Phone Number">
  332. </div>
  333. <div class="col-md-2 col-sm-4">
  334. <!--
  335. -->
  336. <button type="submit" class="btn btn--primary-5a ba-btn-header">Yes, Sign Me Up!</button>
  337. </div>
  338. <div class="col-sm-12">
  339. <div class="input-checkbox"><input class="validate-required" type="checkbox" name="group[13737][1]" id="input-assigned-20"><label for="input-assigned-20"></label></div>
  340. <span>I have read and agree to the
  341. <a href="#">terms and conditions</a>
  342. </span>
  343. </div>
  344. <div style="position: absolute; left: -5000px;" aria-hidden="true">
  345. <input type="text" name="b_77142ece814d3cff52058a51f_f300c9cce8" tabindex="-1" value="">
  346. </div>
  347. </form>
  348. </div>
  349. </div>
  350. </div>
  351. </div>
  352. </div>
  353. </div>
  354. </li>
  355.  
  356. <!-- change picture here -->
  357. </ul>
  358. </section>
  359. </div>
  360. <!--end slider -->
  361. <section class="text-center space--xxs">
  362. <div class="container">
  363. <div class="row">
  364. <div class="col-sm-10 col-md-8">
  365. <h2 class="fancy1">The local choice for over 20 years!</h2>
  366. <p class="lead">Get connected with Montana Internet. </p>
  367. </div>
  368. </div>
  369. </div>
  370. </section>
  371.  
  372. <section class="text-center bg--secondary">
  373. <div class="container">
  374. <div class="row">
  375. <div class="col-sm-4">
  376. <div class="feature feature-3 boxed boxed--lg boxed--border"> <i class="icon icon--lg icon-Mail-3"></i>
  377. <h4>Unlimited & Fast Internet</h4>
  378. <p> Stack comes with integration for Mail Chimp and Campaign Monitor forms - ideal for modern marketing campaigns </p> <a href="#">
  379. </a> </div>
  380. </div>
  381. <div class="col-sm-4">
  382. <div class="feature feature-3 boxed boxed--lg boxed--border"> <i class="icon icon--lg icon-Air-Balloon"></i>
  383. <h4>Awarding Winning Support</h4>
  384. <p> Including the premium Icons Mind icon kit, Stack features a highly diverse set of icons suitable for all purposes. </p> <a href="#">
  385. </a> </div>
  386. </div>
  387. <div class="col-sm-4">
  388. <div class="feature feature-3 boxed boxed--lg boxed--border"> <i class="icon icon--lg icon-Bacteria"></i>
  389. <h4>Based in Montana</h4>
  390. <p> Combine blocks from a range of categories to build pages that are rich in visual style and interactivity </p> <a href="#">
  391. </a> </div>
  392. </div>
  393. </div>
  394. </div>
  395. </section>
  396.  
  397. <section class="feature switchable switchable--switch space--sm">
  398. <div class="container">
  399. <div class="row">
  400. <div class="col-md-6 col-sm-6">
  401. <div class="video-cover border--round box-shadow-wide">
  402. <div class="background-image-holder">
  403. <img alt="image" src="img/choicethumb2.jpg" />
  404. </div>
  405. <div class="video-play-icon video-play-icon--sm"></div>
  406. <video width="620" height="420">
  407. <source src="video/video.webm" type="video/webm">
  408. <source src="video/choices.mp4" type="video/mp4">
  409. <source src="video/video.ogv" type="video/ogg">
  410. </video>
  411. </div><!--end video cover-->
  412. </div>
  413. <div class="col-md-5 col-sm-6">
  414. <div class="heading-block">
  415. <h2> Montana's trusted Internet provider for over 20 years.</h2>
  416. </div>
  417. <div class="text-block">
  418. <p class="fancy1"> We've been Montana's local choice for high-speed Internet and digital phone service since 1994. Our coverage areas include Helena, Townsend, Great Falls, Lewistown and communities in between.</p>
  419. </div>
  420. </section>
  421. <section class="feature switchable space--sm">
  422. <div class="container">
  423. <div class="row">
  424. <div class="col-md-6 col-sm-6"> <img alt="Image" class="border--round box-shadow-wide" src="img/customercare.jpg"> </div>
  425. <div class="col-md-5 col-sm-6">
  426. <div class="heading-block">
  427. <h2>Amazing customer service from a team that cares.</h2>
  428. </div>
  429. <div class="text-block">
  430. <p class="fancy1">Our superhero Customer Care and Tech Support teams set us apart from the competition. When we get it wrong, we we'll do everything we can to make it right. This is our promise to each and every customer.</p>
  431. </div>
  432. </div>
  433. </div>
  434. </div>
  435. </section>
  436. <section class="switchable switchable--switch space--sm">
  437. <div class="container">
  438. <div class="row">
  439. <div class="col-md-6 col-sm-6"> <img alt="Image" class="border--round box-shadow-wide" src="img/customer.jpg"> </div>
  440. <div class="col-md-5 col-sm-6">
  441. <div class="heading-block">
  442. <h2>Getting started is very easy. Let's rock your internet!</h2>
  443. </div>
  444. <div class="text-block">
  445. <p class="fancy1">From high-speed rural wireless to one of Montana's fastest fiber optic networks, our goal is to provide our Customers with an affordable alternative to the "big guys". </p>
  446. <div class="text-center">
  447. <div class="modal-instance">
  448. <!-- <a class="btn btn--sm type--uppercase btn--primary-1a modal-trigger" href="#">JOIN US TODAY</a> -->
  449. <div class="modal-container">
  450. <div class="modal-content">
  451. <section class="imageblock feature-large bg--white border--round">
  452. <div class="imageblock__content col-md-5 col-sm-3 pos-left">
  453. <div class="background-image-holder"><img alt="image" src="img/formbg3.png">
  454. </div>
  455. </div>
  456. <div class="container">
  457. <div class="row">
  458. <div class="col-md-5 col-md-push-6 col-sm-7 col-sm-push-4">
  459. <form>
  460. <div class="col-sm-6">
  461. <label>Your Name:</label> <input name="name" placeholder="Type Name Here" type="text">
  462. </div>
  463. <div class="col-sm-6">
  464. <label>Email Address:</label> <input name="email" placeholder="Email Address" type="email">
  465. </div>
  466. <div class="col-sm-12">
  467. <label>Street Address:</label> <input name="address" placeholder="Street Address" type="text">
  468. <input name="state" placeholder="State" type="text">
  469. </div>
  470. <div class="col-sm-12">
  471. <label>Message:</label>
  472. <textarea name="text" placeholder="Message" rows="4"></textarea>
  473. </div>
  474. <div class="col-sm-12">
  475. <div class="input-checkbox">
  476. <input name="agree" type="checkbox"> <label></label>
  477. </div>
  478. <span>I have read and agree to the <a href="#">terms and conditions</a></span>
  479. </div>
  480. <div class="col-sm-4">
  481. <div class="input-radio">
  482. <span class="input__label">Wireless</span> <input name="type" type="radio" value="wireless">
  483. <label></label>
  484. </div>
  485. </div>
  486. <div class="col-sm-4">
  487. <div class="input-radio">
  488. <span class="input__label">Fiber</span> <input name="type" type="radio" value="fiber"> <label></label>
  489. </div>
  490. </div>
  491. <div class="col-sm-4">
  492. <div class="input-radio">
  493. <span class="input__label">Other</span> <input name="type" type="radio" value="other"> <label></label>
  494. </div>
  495. </div>
  496. <div class="col-sm-12">
  497. <div class="input-select">
  498. <select>
  499. <option selected value="Default">
  500. Select A Package
  501. </option>
  502. <option value="Starter">
  503. Starter
  504. </option>
  505. <option value="Basic">
  506. Basic
  507. </option>
  508. <option value="Turbo">
  509. Turbo
  510. </option>
  511. <option>
  512. X-Stream
  513. </option>
  514. </select>
  515. </div>
  516. </div>
  517. <div class="col-sm-12">
  518. <button class="btn btn--primary-1a" type="submit">Sign up now!</button>
  519. </div>
  520. </form>
  521. </div>
  522. </div>
  523. </div>
  524. </section>
  525. </div>
  526. </div>
  527. </div>
  528. </div> <!--end modal center button-->
  529. </div>
  530. </div>
  531. </div>
  532. </div>
  533. </div>
  534. </div>
  535. </div>
  536. </div>
  537. </div>
  538. </section>
  539. <section class="text-center space--xxs bg--secondary">
  540. <div class="container" style="padding-bottom:80px">
  541. <h2 style="padding-bottom:25px">Check out our most popular Internet services!</h2>
  542. <div class="row">
  543. <div class="col-sm-4">
  544. <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  545. <!-- <i class="icon icon--lg icon-Mens"></i> -->
  546. <img src="img/wireless2.gif" alt="Smiley face" height="150" width="150">
  547. <h4>Wireless Internet</h4>
  548. <p class="pLarge2">Our wireless service provides internet to the places that cable cannot!</p>
  549. <div class="modal-instance" style="padding-bottom:25px;">
  550. <!-- <a class="btn btn--xxs btn--sm btn--primary-1a modal-trigger" href="#">Learn More</a> -->
  551. <a class="btn btn--sm btn--primary-1a btn--icon menu_btn_w modal-trigger" href="#">
  552. <span class="btn__text"> <i class="fa icon-One-Finger"></i>Learn More</span>
  553. </a>
  554.  
  555. <div class="modal-container">
  556. <div class="modal-content">
  557. <section class="imageblock feature-large bg--white border--round">
  558. <div class="imageblock__content col-md-5 col-sm-3 pos-left">
  559. <div class="background-image-holder"><img alt="image" src="img/wirelessform.gif">
  560. </div>
  561. </div>
  562. <div class="container">
  563. <div class="row">
  564. <div class="col-md-5 col-md-push-6 col-sm-7 col-sm-push-4">
  565. <div class="text-block">
  566. <p class="fancy1">With our Point to Multi-point wireless internet services. We are able to provide internet where other services cannot go!</p>
  567. <div class="pricing pricing-2">
  568. <div class="col-md-6 col-xs-12 text-center">
  569. <h5>Our Best Value</h5><span class="h1"><span class="pricing__dollar">$</span>55</span>
  570. </div>
  571. <div class="">
  572. <ul>
  573. <li><span class="checkmark bg--primary-1"></span> <span>24/7 Phone Support</span></li>
  574. <li><span class="checkmark bg--primary-1"></span> <span>Unlimited bandwidth</span></li>
  575. <li><span class="checkmark bg--primary-1"></span> <span>3 Email addresses</span></li>
  576. <li><span class="checkmark bg--primary-1"></span> <span>99$ installation</span></li>
  577. </ul>
  578. </div>
  579. </div>
  580. <p class="fancy1" style="padding-top:25px;">We are open from 8am — 5pm week days. Give us a call at 406-443-3347 or fill this form out to get a call from us.</p>
  581. </div>
  582. <div class="row">
  583. <form class="form-email" data-error="Please fill in all fields correctly." data-success="Thanks for your enquiry, we'll be in touch shortly." novalidate="true">
  584. <div class="col-sm-6 col-xs-12">
  585. <label>Your Name:</label> <input class="validate-required" name="Name" type="text">
  586. </div>
  587. <div class="col-sm-6 col-xs-12">
  588. <label>Email Address:</label> <input class="validate-required validate-email" name="email" type="email">
  589. </div>
  590. <div class="col-sm-12 col-xs-12">
  591. <label>Phone:</label> <input class="validate-required" name="phone" type="text">
  592. </div>
  593. <div class="col-sm-5 col-md-4 col-xs-6">
  594. <button class="btn btn--primary-1a" type="submit">Contact Us</button>
  595. </div>
  596. </form>
  597. </div><!--end of row-->
  598. </div>
  599. </div>
  600. </div>
  601. </section>
  602. </div>
  603. </div>
  604. </div>
  605. <!--end modal -->
  606. </div>
  607. <!--end feature-->
  608. </div>
  609. <div class="col-sm-4">
  610. <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  611. <!-- <i class="icon icon--lg icon-Juice"></i>-->
  612. <img src="img/fiber.gif" alt="Smiley face" height="150" width="150">
  613. <h4>Fiber Internet</h4>
  614. <p class="pLarge2">Our fiber connection is state of the art internet, capable of speeds up to 100mbps!</p>
  615. <div class="modal-instance" style="padding-bottom:25px;">
  616. <!-- <a class="btn btn--xxs btn--sm btn--primary-1a modal-trigger" href="#">Learn More</a> -->
  617. <a class="btn btn--sm btn--primary-1a btn--icon menu_btn_w modal-trigger" href="#">
  618. <span class="btn__text"> <i class="fa icon-One-Finger"></i>Learn More</span>
  619. </a>
  620.  
  621.  
  622. <div class="modal-container">
  623. <div class="modal-content">
  624. <section class="imageblock feature-large bg--white border--round">
  625. <div class="imageblock__content col-md-5 col-sm-3 pos-left">
  626. <div class="background-image-holder"><img alt="image" src="img/wirelessform.gif">
  627. </div>
  628. </div>
  629. <div class="container">
  630. <div class="row">
  631. <div class="col-md-5 col-md-push-6 col-sm-7 col-sm-push-4">
  632. <div class="text-block">
  633. <p class="fancy1">With our state of the art fiber internet services. We are able to provide internet as fast as 100mbps!</p>
  634. <div class="pricing pricing-2">
  635. <div class="col-md-6 col-xs-12 text-center">
  636. <h5>Our Best Value</h5><span class="h1"><span class="pricing__dollar">$</span>55</span>
  637. </div>
  638. <div class="">
  639. <ul>
  640. <li><span class="checkmark bg--primary-1"></span> <span>24/7 Phone Support</span></li>
  641. <li><span class="checkmark bg--primary-1"></span> <span>Unlimited Skips</span></li>
  642. <li><span class="checkmark bg--primary-1"></span> <span>Import CSV Data</span></li>
  643. <li><span class="checkmark bg--primary-1"></span> <span>Automatic Transfer</span></li>
  644. </ul>
  645. </div>
  646. </div>
  647. <p class="fancy1" style="padding-top:25px;">We are open from 8am — 5pm week days. Give us a call at 406-443-3347 or fill this form out to get a call from us.</p>
  648. </div>
  649. <div class="row">
  650. <form class="form-email" data-error="Please fill in all fields correctly." data-success="Thanks for your enquiry, we'll be in touch shortly." novalidate="true">
  651. <div class="col-sm-6 col-xs-12">
  652. <label>Your Name:</label> <input class="validate-required" name="Name" type="text">
  653. </div>
  654. <div class="col-sm-6 col-xs-12">
  655. <label>Email Address:</label> <input class="validate-required validate-email" name="email" type="email">
  656. </div>
  657. <div class="col-sm-12 col-xs-12">
  658. <label>Phone:</label> <input class="validate-required" name="phone" type="text">
  659. </div>
  660. <div class="col-sm-5 col-md-4 col-xs-6">
  661. <button class="btn btn--primary-1a" type="submit">Contact Us</button>
  662. </div>
  663. </form>
  664. </div><!--end of row-->
  665. </div>
  666. </div>
  667. </div>
  668. </section>
  669. </div>
  670. </div>
  671. </div>
  672. </div>
  673. <!--end feature-->
  674. </div>
  675. <div class="col-sm-4">
  676. <div class="feature feature-3 boxed boxed--lg boxed--border text-center">
  677. <img src="img/newmobilering.gif" alt="Smiley face" height="150" width="150">
  678. <h4>Unlimited Phone</h4>
  679. <p class="pLarge2">The latest VOIP technology to bring you affordable phone service. Start blocking robocallers today!</p>
  680. <div class="modal-instance" style="padding-bottom:25px;">
  681. <!-- <a class="btn btn--xxs btn--sm btn--primary-1a modal-trigger" href="#">Learn More</a> -->
  682. <a class="btn btn--sm btn--primary-1a btn--icon menu_btn_w modal-trigger" href="#">
  683. <span class="btn__text"> <i class="fa icon-One-Finger"></i>Learn More</span>
  684. </a>
  685.  
  686.  
  687. <div class="modal-container">
  688. <div class="modal-content">
  689. <section class="imageblock feature-large bg--white border--round">
  690. <div class="imageblock__content col-md-5 col-sm-3 pos-left">
  691. <div class="background-image-holder"><img alt="image" src="img/wirelessform.gif">
  692. </div>
  693. </div>
  694. <div class="container">
  695. <div class="row">
  696. <div class="col-md-5 col-md-push-6 col-sm-7 col-sm-push-4">
  697. <div class="text-block">
  698. <p class="fancy1">We have partnered with Ooma Telo, The leading provider in VOIP Calling, Start saving money today!</p>
  699. <div class="pricing pricing-2">
  700. <div class="col-md-6 col-xs-12 text-center">
  701. <h5>Our Best Value</h5><span class="h1"><span class="pricing__dollar">$</span>21.99</span>
  702. </div>
  703. <div class="">
  704. <ul>
  705. <li><span class="checkmark bg--primary-1"></span> <span>24/7 Phone Support</span></li>
  706. <li><span class="checkmark bg--primary-1"></span> <span>Wifi Calling</span></li>
  707. <li><span class="checkmark bg--primary-1"></span> <span>Forward calls</span></li>
  708. <li><span class="checkmark bg--primary-1"></span> <span>Block Robocallers</span></li>
  709. </ul>
  710. </div>
  711. </div>
  712. <p class="fancy1" style="padding-top:25px;">We are open from 8am — 5pm week days. Give us a call at 406-443-3347 or fill this form out to get a call from us.</p>
  713. </div>
  714. <div class="row">
  715. <form class="form-email" data-error="Please fill in all fields correctly." data-success="Thanks for your enquiry, we'll be in touch shortly." novalidate="true">
  716. <div class="col-sm-6 col-xs-12">
  717. <label>Your Name:</label> <input class="validate-required" name="Name" type="text">
  718. </div>
  719. <div class="col-sm-6 col-xs-12">
  720. <label>Email Address:</label> <input class="validate-required validate-email" name="email" type="email">
  721. </div>
  722. <div class="col-sm-12 col-xs-12">
  723. <label>Phone:</label> <input class="validate-required" name="phone" type="text">
  724. </div>
  725. <div class="col-sm-5 col-md-4 col-xs-6">
  726. <button class="btn btn--primary-1a type--uppercase" type="submit">Contact Us</button>
  727. </div>
  728. </form>
  729. </div><!--end of row-->
  730. </div>
  731. </div>
  732. </div>
  733. </section>
  734. </div>
  735. </div>
  736. </div>
  737. </div>
  738. <!--end feature-->
  739. </div>
  740.  
  741. </div> <!-- end row -->
  742. </div>
  743. </div><!--end container-->
  744. </section>
  745. <section class="text-center imagebg space--lg parallax" data-overlay="4">
  746. <div class="background-image-holder" style="transform: translate3d(0px, 411.188px, 0px); background: url(&quot;img/helenacapitaljillgoodell3.jpg&quot;); opacity: 1;"> <img alt="background" src="img/helenacapitaljillgoodell3.jpg"> </div>
  747. <div class="container">
  748. <div class="row">
  749. <div class="col-sm-8 col-md-12">
  750. <div class="heading-block">
  751. <h1 class="ba-heading" style="padding-bottom:25px;">#HelenaWantsFiber</h1>
  752. <p class="fancy1">We're building Helena's first ultra-fast gigabit fiber network and we need your help! </p>
  753. </div>
  754. <a class="btn btn--lg btn--primary-1a btn--icon menu_btn_w" style="margin-right:25px;" href="">
  755. <span>Get on the list!</span>
  756. </a>
  757. </div>
  758. </div>
  759. </div>
  760. </section>
  761.  
  762.  
  763. <section class="text-center space--xxs">
  764. <div class="container">
  765. <div class="row">
  766. <div class="col-sm-10 col-md-8">
  767. <h2>From our customers at Montana Internet.</h2>
  768. <p class="lead">Hear what they have to say.. </p>
  769. </div>
  770. </div>
  771. </div>
  772. </section>
  773. <section class="bg--light">
  774. <div class="container">
  775. <div class="row">
  776. <div class="col-sm-12">
  777. <div class="slider slider--inline-arrows" data-arrows="true">
  778. <ul class="slides">
  779. <li>
  780. <div class="row">
  781. <div class="testimonial responsive-text-center">
  782. <div class="col-md-2 col-md-offset-1 col-sm-4 col-xs-6 text-center">
  783. <img class="testimonial__image" alt="Image" src="img/kathy1.png" />
  784. </div>
  785. <div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
  786. <span class="h3">“We have had Montana Internet since they started! I stream videos on Netflix and Amazon and it's awesome. Always great customer service and QUICK to resolve a problem. I will never switch, ever!“
  787. </span>
  788. <h5>Kathy G</h5>
  789. <span>Montana Internet Customer</span>
  790. </div>
  791. </div>
  792. </div>
  793. <!--end of row-->
  794. </li>
  795.  
  796. <li>
  797. <div class="row">
  798. <div class="testimonial responsive-text-center">
  799. <div class="col-md-2 col-md-offset-1 col-sm-4 col-xs-6 text-center">
  800. <img class="testimonial__image" alt="Image" src="img/Bill.png" />
  801. </div>
  802. <div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
  803. <span class="h3">“You guys are nothing short of amazing. My new fiber connection is supper fast and rock solid. Only problem I have now is that I have to replace the wireless hardware in my network because it can't keep up with the speeds...lol“
  804. </span>
  805. <h5>Bill T</h5>
  806. <span>Montana Internet Customer</span>
  807. </div>
  808. </div>
  809. </div>
  810. <!--end of row-->
  811. </li>
  812.  
  813.  
  814. <li>
  815. <div class="row">
  816. <div class="testimonial responsive-text-center">
  817. <div class="col-md-2 col-md-offset-1 col-sm-4 col-xs-6 text-center">
  818. <img class="testimonial__image" alt="Image" src="img/hunter22.png" />
  819. </div>
  820. <div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
  821. <span class="h3">“I was having connectivity issues and they were very quick to respond and find a solution to the problem. Their customer service is certainly exquisite.“
  822. </span>
  823. <h5>Hunter B</h5>
  824. <span>Montana Internet Customer</span>
  825. </div>
  826. </div>
  827. </div>
  828. <!--end of row-->
  829. </li>
  830.  
  831.  
  832. <li>
  833. <div class="row">
  834. <div class="testimonial responsive-text-center">
  835. <div class="col-md-2 col-md-offset-1 col-sm-4 col-xs-6 text-center">
  836. <img class="testimonial__image" alt="Image" src="img/tomcathy.png" />
  837. </div>
  838. <div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
  839. <span class="h3">“Everyone I have dealt with since getting the internet has been above and beyond exceptional!! Everyone is extremely helpful, polite and very friendly. I recommend your company to all me friends and family.“
  840. </span>
  841. <h5>Cathy & Tom Couch</h5>
  842. <span>Montana Internet Customer</span>
  843. </div>
  844. </div>
  845. </div>
  846. <!--end of row-->
  847. </li>
  848.  
  849.  
  850. <li>
  851. <div class="row">
  852. <div class="testimonial responsive-text-center">
  853. <div class="col-md-2 col-md-offset-1 col-sm-4 col-xs-6 text-center">
  854. <img class="testimonial__image" alt="Image" src="img/Steven1.png" />
  855. </div>
  856. <div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
  857. <span class="h3">“Our Birdseye connection and service has remained rock solid throughout this winter's snow storms so far! THANK YOU for keeping rural homes like ours protected with reliable internet.“
  858. </span>
  859. <h5>Steven Bates</h5>
  860. <span>Montana Internet Customer</span>
  861. </div>
  862. </div>
  863. </div>
  864. <!--end of row-->
  865. </li>
  866.  
  867.  
  868. <li>
  869. <div class="row">
  870. <div class="testimonial responsive-text-center">
  871. <div class="col-md-2 col-md-offset-1 col-sm-4 col-xs-6 text-center">
  872. <img class="testimonial__image" alt="Image" src="img/Jon1.png" />
  873. </div>
  874. <div class="col-md-7 col-md-offset-1 col-sm-8 col-xs-12">
  875. <span class="h3">“I am no longer the slowest kid on the internet lane. :) Thanks to the Montana Internet Crew. Merry Christmas to you guys.“
  876. </span>
  877. <h5>Jon Straun</h5>
  878. <span>Montana Internet Customer</span>
  879. </div>
  880. </div>
  881. </div>
  882. <!--end of row-->
  883. </li>
  884.  
  885. </ul>
  886. </div>
  887. </div>
  888. </div>
  889.  
  890. <section class="testimonials-1 space--xs1 bg--secondary boxed boxed--border" style="margin-top: 50px">
  891. <div class="container">
  892. <div class="row">
  893. <div class="col-md-12">
  894. <h3 class="text-center">
  895. Trusted by local business
  896. <br class="hidden-xs hidden-sm">customers throughout Montana.
  897. </h3>
  898. </div>
  899. <div class="col-md-12">
  900. <ul class="logo-sponsor">
  901. <li><img alt="Image" class="image--sm" src="img/stpete.png"></li>
  902. <li><img alt="Image" class="image--md" src="img/lewis150.png"></li>
  903. <li><img alt="Image" class="image--md" src="img/logonew1.png"></li>
  904. <li><img alt="Image" class="image--md" src="img/lews2.png"></li>
  905.  
  906. <li class="h-md"><img alt="Image" class="image--sm" src="img/hice1.png"></li>
  907. <li class="h-md"><img alt="Image" class="image--sm" src="img/h2a.png"></li>
  908. <li class="h-md"><img alt="Image" class="image--md" src="img/radd.png"></li>
  909. <li class="h-md"><img alt="Image" class="image--xs" src="img/edgewood.png"></li>
  910. <li class="h-md"><img alt="Image" class="image--md" src="img/mlea.png"></li>
  911. </ul>
  912. </div>
  913. <div class="col-md-12 hi-x">
  914. <ul class="logo-sponsor2">
  915. <li><img alt="Image" class="image--sm" src="img/hice1.png"></li>
  916. <li><img alt="Image" class="image--sm" src="img/h2a.png"></li>
  917. <li><img alt="Image" class="image--md" src="img/radd.png"></li>
  918. <li><img alt="Image" class="image--xs" src="img/edgewood.png"></li>
  919. <li><img alt="Image" class="image--md" src="img/mlea.png"></li>
  920. </ul>
  921. </div>
  922. </div>
  923. <!--end of row-->
  924. </div>
  925. <!--end of container-->
  926. </section>
  927. <div class="row" style="padding-top:25px">
  928. <div class="col-sm-6 col-md-3">
  929. <div class="testimonial testimonial-2">
  930. <div class="testimonial__body boxed boxed--border bg--secondary">
  931. <p>
  932. This is the best overall experience I have had with any template of any kind. Medium Rare made me feel like a valued customer and I feel empowered.
  933. </p>
  934. </div>
  935. <div class="testimonial__image">
  936. <img alt="Image" src="img/avatar-round-3.png">
  937. <h5>Raresh D.</h5>
  938. <span>Kolkata, IN</span>
  939. </div>
  940. </div>
  941. </div>
  942. <div class="col-sm-6 col-md-3">
  943. <div class="testimonial testimonial-2">
  944. <div class="testimonial__body boxed boxed--border bg--secondary">
  945. <p>
  946. This is the best overall experience I have had with any template of any kind. Medium Rare made me feel like a valued customer and I feel empowered.
  947. </p>
  948. </div>
  949. <div class="testimonial__image">
  950. <img alt="Image" src="img/avatar-round-3.png">
  951. <h5>Raresh D.</h5>
  952. <span>Kolkata, IN</span>
  953. </div>
  954. </div>
  955. </div>
  956. <div class="col-sm-6 col-md-3">
  957. <div class="testimonial testimonial-2">
  958. <div class="testimonial__body boxed boxed--border bg--secondary">
  959. <p>
  960. This is the best overall experience I have had with any template of any kind. Medium Rare made me feel like a valued customer and I feel empowered.
  961. </p>
  962. </div>
  963. <div class="testimonial__image">
  964. <img alt="Image" src="img/avatar-round-3.png">
  965. <h5>Raresh D.</h5>
  966. <span>Kolkata, IN</span>
  967. </div>
  968. </div>
  969. </div>
  970. <div class="col-sm-6 col-md-3">
  971. <div class="testimonial testimonial-2">
  972. <div class="testimonial__body boxed boxed--border bg--secondary">
  973. <p>
  974. This is the best overall experience I have had with any template of any kind. Medium Rare made me feel like a valued customer and I feel empowered.
  975. </p>
  976. </div>
  977. <div class="testimonial__image">
  978. <img alt="Image" src="img/avatar-round-3.png">
  979. <h5>Raresh D.</h5>
  980. <span>Kolkata, IN</span>
  981. </div>
  982. </div>
  983. </div>
  984. </div>
  985. </div>
  986. </div>
  987. </div>
  988. <!--end of row-->
  989. </div>
  990. <!--end of container-->
  991. </section>
  992. <section class="bg--secondary space--xs">
  993. <div class="container">
  994. <div class="row">
  995. <div class="col-md-4">
  996. <div class="text-block">
  997. <h4>Frequently Asked Questions</h4>
  998. </div>
  999. </div>
  1000. <div class="col-md-4">
  1001. <div class="text-block">
  1002. <h5>Is there a contract?</h5>
  1003. <p class="pLarge2">No, there is no contract with Montana Internet services.</p>
  1004. </div>
  1005. <div class="text-block">
  1006. <h5>Is Wireless the same as Satellite Internet?</h5>
  1007. <p class="pLarge2">No, wireless dishes point towards a tower, while Satellite services point to the sky..</p>
  1008. </div>
  1009. <div class="text-block">
  1010. <h5>Do you offer phone services?</h5>
  1011. <p class="pLarge2" style="padding-bottom:30px">Yes, please ask about our ooma calling plan.</p>
  1012. </div>
  1013. </div>
  1014. <div class="col-md-4">
  1015. <div class="text-block">
  1016. <h5>Do you offer unlimited data?</h5>
  1017. <p class="pLarge2">Yes, we offer unlimited data for your devices</p>
  1018. </div>
  1019. <div class="text-block">
  1020. <h5>Do you offer TV?</h5>
  1021. <p class="pLarge2">No, not at this time.</p>
  1022. </div>
  1023. </div>
  1024. </div>
  1025. <!--end of row-->
  1026. </div>
  1027. <!--end of container-->
  1028. </section>
  1029. <section class="switchable bg--dark">
  1030. <div class="container">
  1031. <div class="row">
  1032. <div class="col-md-7">
  1033.  
  1034. <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
  1035.  
  1036. <script type="text/javascript">
  1037. // When the window has finished loading create our google map below
  1038. google.maps.event.addDomListener(window, 'load', init);
  1039.  
  1040. function init() {
  1041. // Basic options for a simple Google Map
  1042. // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
  1043. var mapOptions = {
  1044. // How zoomed in you want the map to start at (always required)
  1045. zoom: 17,
  1046. // The latitude and longitude to center the map (always required)
  1047. center: new google.maps.LatLng(46.5992187,-112.023146), // Helena, MT
  1048. // How you would like to style the map.
  1049. // This is where you would paste any style found on Snazzy Maps.
  1050. styles: [{"featureType":"all","elementType":"geometry","stylers":[{"color":"#4267B2"}]},{"featureType":"all","elementType":"labels.text.fill","stylers":[{"gamma":0.01},{"lightness":20}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"saturation":-31},{"lightness":-33},{"weight":2},{"gamma":0.8}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"lightness":30},{"saturation":30}]},{"featureType":"poi","elementType":"geometry","stylers":[{"saturation":20}]},{"featureType":"poi.business","elementType":"geometry.fill","stylers":[{"hue":"#ff0000"},{"visibility":"simplified"},{"saturation":"5"},{"weight":"1.54"}]},{"featureType":"poi.business","elementType":"geometry.stroke","stylers":[{"visibility":"off"},{"hue":"#ff0000"}]},{"featureType":"poi.business","elementType":"labels","stylers":[{"visibility":"on"}]},{"featureType":"poi.business","elementType":"labels.text.stroke","stylers":[{"hue":"#ff0000"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"lightness":20},{"saturation":-20}]},{"featureType":"road","elementType":"geometry","stylers":[{"lightness":10},{"saturation":-30}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"saturation":25},{"lightness":25}]},{"featureType":"road.highway","elementType":"geometry","stylers":[{"color":"#d3cdcd"}]},{"featureType":"road.highway","elementType":"labels.text.fill","stylers":[{"color":"#000000"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#1e1a69"}]},{"featureType":"road.local","elementType":"labels.text.fill","stylers":[{"color":"#efe3e3"}]},{"featureType":"transit.line","elementType":"all","stylers":[{"color":"#160e0e"}]},{"featureType":"transit.station.rail","elementType":"geometry.fill","stylers":[{"visibility":"off"},{"hue":"#ff0000"}]},{"featureType":"water","elementType":"all","stylers":[{"lightness":-20}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#00c5ff"}]}]
  1051. };
  1052. // Get the HTML DOM element that will contain your map
  1053. // We are using a div with id="map" seen below in the <body>
  1054. var mapElement = document.getElementById('map');
  1055. // Create the Google Map using our element and options defined above
  1056. var map = new google.maps.Map(mapElement, mapOptions);
  1057. // Let's also add a marker while we're at it
  1058. var marker = new google.maps.Marker({
  1059. position: new google.maps.LatLng(46.5996207,-112.0236591),
  1060. map: map,
  1061. title: 'Montana Internet Location'
  1062. });
  1063. }
  1064. </script>
  1065. <div id="map"></div>
  1066. </div>
  1067. <div class="col-md-5 top_30m">
  1068. <div class="switchable__text">
  1069. <h3>1424 National Ave.
  1070. <br>Helena, MT 59601</h3>
  1071. <p class="lead">
  1072. E:
  1073. <a href="#">support@mt.net</a>
  1074. <br> P: 406 443 3347
  1075. </p>
  1076. <p class="lead">
  1077. Give us a call or drop by anytime, we endeavour to answer all enquiries within 24 hours on business days.
  1078. </p>
  1079. <p class="lead">
  1080. We are open from 8am to 5pm week days.
  1081. </p>
  1082. </div>
  1083. </div>
  1084. </div>
  1085. <!--end of row-->
  1086. </div>
  1087. <!--end of container-->
  1088. </section>
  1089. <!-- start new footer -->
  1090.  
  1091. <div class="foot-bar hide-ber show-ber">
  1092. <div class="container">
  1093. <div class="foot-action col-xs-4 modal-instance">
  1094. <a class="modal-trigger" href="#">
  1095. <i class="fa fa-th-list"></i>
  1096. <div class="text">
  1097. <span>Explore Pricing &amp; Plans</span> <strong>Signup Today</strong>
  1098. </div>
  1099. </a>
  1100. <div class="modal-container">
  1101. <div class="modal-content">
  1102. <section class="imageblock feature-large bg--white border--round">
  1103. <div class="imageblock__content col-md-5 col-sm-3 pos-left">
  1104. <div class="background-image-holder"><img alt="image" src="img/formbg3.png">
  1105. </div>
  1106. </div>
  1107. <div class="container">
  1108. <div class="row">
  1109. <div class="col-md-5 col-md-push-6 col-sm-7 col-sm-push-4">
  1110. <form>
  1111. <div class="col-sm-6">
  1112. <label>Your Name:</label> <input name="name" placeholder="Type Name Here" type="text">
  1113. </div>
  1114. <div class="col-sm-6">
  1115. <label>Email Address:</label> <input name="email" placeholder="Email Address" type="email">
  1116. </div>
  1117. <div class="col-sm-12">
  1118. <label>Street Address:</label> <input name="address" placeholder="Street Address" type="text">
  1119. <input name="state" placeholder="State" type="text">
  1120. </div>
  1121. <div class="col-sm-12">
  1122. <label>Message:</label>
  1123. <textarea name="text" placeholder="Message" rows="4"></textarea>
  1124. </div>
  1125. <div class="col-sm-12">
  1126. <div class="input-checkbox">
  1127. <input name="agree" type="checkbox"> <label></label>
  1128. </div>
  1129. <span>I have read and agree to the <a href="#">terms and conditions</a></span>
  1130. </div>
  1131. <div class="col-sm-4">
  1132. <div class="input-radio">
  1133. <span class="input__label">Wireless</span> <input name="type" type="radio" value="wireless">
  1134. <label></label>
  1135. </div>
  1136. </div>
  1137. <div class="col-sm-4">
  1138. <div class="input-radio">
  1139. <span class="input__label">Fiber</span> <input name="type" type="radio" value="fiber"> <label></label>
  1140. </div>
  1141. </div>
  1142. <div class="col-sm-4">
  1143. <div class="input-radio">
  1144. <span class="input__label">Other</span> <input name="type" type="radio" value="other"> <label></label>
  1145. </div>
  1146. </div>
  1147. <div class="col-sm-12">
  1148. <div class="input-select">
  1149. <select>
  1150. <option selected value="Default">
  1151. Select A Package
  1152. </option>
  1153. <option value="Starter">
  1154. Starter
  1155. </option>
  1156. <option value="Basic">
  1157. Basic
  1158. </option>
  1159. <option value="Turbo">
  1160. Turbo
  1161. </option>
  1162. <option>
  1163. X-Stream
  1164. </option>
  1165. </select>
  1166. </div>
  1167. </div>
  1168. <div class="col-sm-12">
  1169. <button class="btn btn--primary" type="submit">Send Form</button>
  1170. </div>
  1171. </form>
  1172. </div>
  1173. </div>
  1174. </div>
  1175. </section>
  1176. </div>
  1177. </div>
  1178.  
  1179. </div>
  1180. <div class="foot-action col-xs-4">
  1181. <a href="tel:+14064433347">
  1182. <i class="fa fa-volume-control-phone"></i>
  1183. <div class="text">
  1184. <span>Call Us</span> <strong>406-443-3347</strong>
  1185. </div>
  1186. </a>
  1187. </div>
  1188. <div class="foot-action col-xs-4">
  1189. <a href="javascript:$zopim.livechat.window.show();"">
  1190. <i class="fa fa-comments-o"></i>
  1191. <div class="text">
  1192. <span>Questions?</span> <strong>Live Chat</strong>
  1193. </div>
  1194. </a>
  1195. </div>
  1196. </div>
  1197. </div>
  1198. <div class="footer_menu">
  1199. <div class="container">
  1200. <div class="row">
  1201. <div class="col-md-3 col-sm-6">
  1202. <div class="footer_menu_item">
  1203. <h3 class="f_menu_title">Montana Internet</h3>
  1204. <ul>
  1205. <li><a href="/micv2/residential-wireless-internet.html">Residential High-Speed Internet</a></li>
  1206. <li><a href="/micv2/business-wireless-internet.html">Business High-Speed Internet</a></li>
  1207. <li><a href="/micv2/contact-montana-internet.html">Contact Us</a></li>
  1208. <li><a href="/micv2/about-montana-internet.html">About Montana Internet</a></li>
  1209. <li><a href="/micv2/montana-internet-careers.html">Careers</a></li>
  1210. </ul>
  1211. </div>
  1212. </div>
  1213. <div class="col-md-3 col-sm-6">
  1214. <div class="footer_menu_item">
  1215. <h3 class="f_menu_title">Connect</h3>
  1216. <ul>
  1217. <li><a href="tel:+14064433347">406-443-3347</a></li>
  1218. <li><a href="javascript:$zopim.livechat.window.show();">Live Chat</a></li>
  1219. <li><a href="/micv2/contact-montana-internet.html">Contact Us</a></li>
  1220. <li><a href="https://www.facebook.com/mtinternet/">Visit us on Facebook</a></li>
  1221. </ul>
  1222. </div>
  1223. </div>
  1224. <div class="col-md-3 col-sm-6">
  1225. <div class="footer_menu_item">
  1226. <h3 class="f_menu_title">Legal</h3>
  1227. <ul>
  1228. <li><a href="#">Policies and Agreements</a></li>
  1229. <li><a href="#">Montana Internet Privacy Policy</a></li>
  1230. <li><a href="#">Open Internet Statement and</a></li>
  1231. <li><a href="#">Policy</a></li>
  1232. </ul>
  1233. </div>
  1234. </div>
  1235. <div class="col-md-3 col-sm-6">
  1236. <div class="footer_menu_item">
  1237. <h3 class="f_menu_title">My Account</h3>
  1238. <ul>
  1239. <li><a href="https://customerportal.mt.net/billmaxedge/lib/php/userLoginEntryPoint.php#comBillMaxAction" target="_blank">Manage My Account</a></li>
  1240. <li><a href="#">My Webmail</a></li>
  1241. </ul>
  1242. </div>
  1243. </div>
  1244. </div>
  1245. </div>
  1246. </div>
  1247. <div class="footer_copyright">
  1248. <div class="container">
  1249. <div class="text-center">
  1250. <p>© 2017 Montana Internet - <a href="#">Policies & Agreements</a> - <a href="#">Privacy Policy - </a><a href="#">Open Internet Statement and Policy</a></p>
  1251. </div>
  1252. </div>
  1253. </div>
  1254.  
  1255.  
  1256. </div>
  1257. <a class="back-to-top inner-link" data-scroll-class="100vh:active" href="#start"><i class="stack-interface stack-up-open-big"></i></a>
  1258. <script src="js/jquery-3.1.1.min.js">
  1259. </script>
  1260. <script src="js/flickity.min.js">
  1261. </script>
  1262. <script src="js/easypiechart.min.js">
  1263. </script>
  1264. <script src="js/parallax.js">
  1265. </script>
  1266. <script src="js/typed.min.js">
  1267. </script>
  1268. <script src="js/datepicker.js">
  1269. </script>
  1270. <script src="js/isotope.min.js">
  1271. </script>
  1272. <script src="js/ytplayer.min.js">
  1273. </script>
  1274. <script src="js/lightbox.min.js">
  1275. </script>
  1276. <script src="js/granim.min.js">
  1277. </script>
  1278. <script src="js/jquery.steps.min.js">
  1279. </script>
  1280. <script src="js/countdown.min.js">
  1281. </script>
  1282. <script src="js/twitterfetcher.min.js">
  1283. </script>
  1284. <script src="js/spectragram.min.js">
  1285. </script>
  1286. <script src="js/smooth-scroll.min.js">
  1287. </script>
  1288. <script src="js/scripts.js">
  1289. </script>
  1290. <script>
  1291. // $(document).ready(function(){
  1292. // if($("body").hasClass("has-action-bar")) {
  1293. // var c = $(window).height(),
  1294. // p = $(".foot-bar").offset(),
  1295. // u = $(".foot-bar").outerHeight();
  1296. // parseInt(c + $(document).scrollTop()) > parseInt(p.top + u) ? $("body").removeClass("foot-bar-fixed") : setTimeout(function () {
  1297. // $("body").addClass("foot-bar-fixed"), $(".foot-bar").slideDown(400)
  1298. // }, 4e3);
  1299. // $(window).scroll(function () {
  1300. // parseInt(c + $(document).scrollTop()) > parseInt(p.top + u) ? $("body").removeClass("foot-bar-fixed") : $("body").addClass("foot-bar-fixed")
  1301. // });
  1302. // }
  1303. // });
  1304. $(document).ready(function() {
  1305. var s = $(".foot-bar");
  1306. var pos = s.position();
  1307. $(window).scroll(function() {
  1308. var windowpos = $(window).scrollTop();
  1309. if (windowpos >=-1) {
  1310. s.addClass("show-ber");
  1311. } else {
  1312. s.removeClass("show-ber");
  1313. // s.removeClass("hide-ber");
  1314. }
  1315. });
  1316. });
  1317. </script>
  1318. <script>
  1319. $(document).ready(function(){
  1320. $('#login-trigger').click(function(){
  1321. $(this).next('#login-content').slideToggle();
  1322. $(this).toggleClass('active');
  1323.  
  1324. if ($(this).hasClass('active')) $(this).find('span').html('&#x25B2;')
  1325. else $(this).find('span').html('&#x25BC;')
  1326. })
  1327.  
  1328. });
  1329. </script>
  1330. </body>
  1331. </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!