Advertisement
Guest User

cnc

a guest
Jul 9th, 2015
230
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.95 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <title>Custom CNC Fabrication</title>
  9.  
  10.  
  11. <!-- Additional CSS -->
  12. <link href="css/custom.css" rel="stylesheet">
  13. <!-- FontAwesome -->
  14. <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  15. <!-- Bootstrap -->
  16. <link href="css/bootstrap.min.css" rel="stylesheet">
  17.  
  18. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  19. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  20. <!--[if lt IE 9]>
  21. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  22. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  23. <![endif]-->
  24. </head>
  25. <body>
  26.  
  27. <!-- fixed top navbar -->
  28. <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  29. <div class="container">
  30. <div class="navbar-header">
  31. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  32. <span class="sr-only">Toggle Navigation</span>
  33. <span class="icon-bar"></span>
  34. <span class="icon-bar"></span>
  35. <span class="icon-bar"></span>
  36. </button>
  37. <a class="navbar-brand" href="#">Custom CNC Fabrication</a>
  38. </div>
  39. <div class="navbar-collapse collapse">
  40. <ul class="nav navbar-nav navbar-right">
  41. <li class="active"><a href="#">Home</a></li>
  42. <li class=""><a href="#">About Us</a></li>
  43. <li class=""><a href="#">Design</a></li>
  44. <li class="dropdown">
  45. <a href="#" class"dropdown-toggle" data-toggle="dropdown">Gallery <i class="fa fa-angle-double-down"></i>
  46. </a>
  47. <ul class="dropdown-menu">
  48. <li class="dropdown-header"></li>
  49. <li><a href="#">Art</a></li>
  50. <li><a href="#">Fabrication</a></li>
  51. <li><a href="#">Design Templates</a></li>
  52. </ul>
  53. <li><a href="#contactModal">Contact Us</a></li>
  54. </ul>
  55. </div> <!--/.nav-collapse -->
  56. </div>
  57. </div>
  58.  
  59. <div class="container">
  60. <div class="jumbotron">
  61. <div class="col-md-4 text-center">
  62. <h1>sorry, we're currently under construction.</h1>
  63. <a href="mailto:tim@customcncfab.com, dylan@customcncfab.com" class="btn btn-default">Email Us</a>
  64. </div>
  65. </div>
  66. <div class="row">
  67. </div>
  68. </div>
  69.  
  70.  
  71. <!-- footer -->
  72. <div class="navbar navbar-inverse navbar-fixed-bottom" role="navigation">
  73. <div class="container-fluid">
  74. <div class="row">
  75. <div style="text-align: center" class="col-lg-6 col-lg-offset-3">
  76. <p> ©2015 Custom CNC Fabrication, LLC</p>
  77. <a href="https://www.facebook.com/customcncfab/"><i class="fa fa-facebook-square fa-2x"></i></a>
  78. <a href="https://www.tumblr.com/"><i class="fa fa-tumblr fa-2x"></i></a>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83.  
  84.  
  85. <!-- bootstrap core JavaScript -->
  86. <div class="modal fade" id="CcontactModal" role="dialog">
  87. <div class="modal-dialog">
  88. <div class="modal-content">
  89. <div class="modal-header">
  90. <h1>Points of Contact:</h1>
  91. </div>
  92. <div class="modal-body">
  93. <p> For business querys, please contact:
  94. Tim Albert - tim@customcncfab.com
  95. Dylan Albert - dylan@customcncfab.com
  96. Kristina Albert - kristina@customcncfab.com
  97. </p>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102.  
  103.  
  104. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  105. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  106. <!-- Include all compiled plugins (below), or include individual files as needed -->
  107. <script src="js/bootstrap.min.js"></script>
  108. </body>
  109. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement