You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							206 lines
						
					
					
						
							7.5 KiB
						
					
					
				
			
		
		
	
	
							206 lines
						
					
					
						
							7.5 KiB
						
					
					
				| <!DOCTYPE html>
 | |
| <html lang="en">
 | |
| <head><meta http-equiv="Content-Type" content="text/html; charset=us-ascii"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content=""><meta name="author" content="">
 | |
| 	<title>Fork Sand, Inc.</title>
 | |
| 	<!-- Bootstrap core CSS -->
 | |
| 	<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" /><!-- Font Awesome -->
 | |
| 	<link href="vendor/fonts/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /><!-- Elegant Icons -->
 | |
| 	<link href="vendor/fonts/eleganticons/et-icons.css" rel="stylesheet" type="text/css" /><!-- Custom styles for this template -->
 | |
| 	<link href="css/scrolling-nav.css" rel="stylesheet" /><!--Image gallery CSS-->
 | |
| 	<link href="css/baguetteBox.min.css" rel="stylesheet" /><script src="vendor/scrollreveal/scrollreveal.min.js"></script>
 | |
| <!-- Matomo -->
 | |
| <script type="text/javascript">
 | |
|   var _paq = _paq || [];
 | |
|   /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
 | |
|   _paq.push(['trackPageView']);
 | |
|   _paq.push(['enableLinkTracking']);
 | |
|   (function() {
 | |
|     var u="https://matomo.forksand.com/";
 | |
|     _paq.push(['setTrackerUrl', u+'piwik.php']);
 | |
|     _paq.push(['setSiteId', '13']);
 | |
|     var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
 | |
|     g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
 | |
|   })();
 | |
| </script>
 | |
| <!-- End Matomo Code -->
 | |
| </head>
 | |
| <body class="alternate-font" id="page-top"><!-- Navigation -->
 | |
| <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top card" id="mainNav">
 | |
| <div class="container-fluid"><a class="navbar-brand js-scroll-trigger" href="#page-top"><img alt="" src="img/logo-active.png" /> </a><button aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarResponsive" data-toggle="collapse" type="button"></button>
 | |
| <div class="collapse navbar-collapse" id="navbarResponsive">
 | |
| <ul class="navbar-nav navbarlabels">
 | |
| 	<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#page-top">HOME</a></li>
 | |
| 	<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">ABOUT US</a></li>
 | |
| 	<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#media">MEDIA</a></li>
 | |
| 	<li class="nav-item"><a class="nav-link js-scroll-trigger" href="#contact">CONTACT US</a></li>
 | |
| </ul>
 | |
| </div>
 | |
| </div>
 | |
| </nav>
 | |
| 
 | |
| <header class="bg-primary text-white" id="intro">
 | |
| <div class="img-fluid container text-center"><img alt="" src="img/logoVertical.png" />
 | |
| <h4></h4>
 | |
| 
 | |
| <p class="lead">Free Software & Open Source Hardware</p>
 | |
| 
 | |
| <div class="mx-auto"><a class="btn btn-light btnRoundded buttonMargin sr-button js-scroll-trigger" href="#media">Free Software</a> <a class="btn btn-light btnRoundded buttonMargin sr-button js-scroll-trigger" href="#media">Open Source Hardware</a></div>
 | |
| </div>
 | |
| </header>
 | |
| 
 | |
| <div class="section1" id="about">
 | |
| <div class="case-study showcase-bottom">
 | |
| <div class="container">
 | |
| <div class="row">
 | |
| <div class="col-md-12">
 | |
| <div class="title text-center">
 | |
| <h4></h4>
 | |
| 
 | |
| <h1 class="Brown">About Us</h1>
 | |
| 
 | |
| <div class="myHeading">Fork Sand, Inc. is a free Software, Open Source<br />
 | |
| Hardware company developing Secure computing<br />
 | |
| devices that guard users' privacy.</div>
 | |
| </div>
 | |
| </div>
 | |
| </div>
 | |
| </div>
 | |
| </div>
 | |
| 
 | |
| <section id="media">
 | |
| <div class="container-fluid showcase-left">
 | |
| <div class="title text-center">
 | |
| <h1 class="Brown">Media</h1>
 | |
| </div>
 | |
| 
 | |
| <div class="container">
 | |
| <div class="carousel slide" data-ride="carousel" id="demo">
 | |
| <ul class="carousel-indicators">
 | |
| 	<li class="active" data-slide-to="0" data-target="#demo"></li>
 | |
| 	<li data-slide-to="1" data-target="#demo"></li>
 | |
| 	<li data-slide-to="2" data-target="#demo"></li>
 | |
| </ul>
 | |
| 
 | |
| <div class="carousel-inner">
 | |
| <div class="carousel-item active"><img alt="Los Angeles" class="img-fluid img-thumbnail" height="300" src="img/Images/forksand-hifive-case.png" width="1100" /></div>
 | |
| 
 | |
| <div class="carousel-item"><img alt="Chicago" class="img-fluid img-thumbnail" height="300" src="img/Images/IMG_20180118_182153.jpg" width="1100" /></div>
 | |
| 
 | |
| <div class="carousel-item"><img alt="New York" class="img-fluid img-thumbnail" height="300" src="img/Images/IMG_20180117_222633.jpg" width="1100" /></div>
 | |
| </div>
 | |
| </div>
 | |
| </div>
 | |
| </div>
 | |
| </section>
 | |
| </div>
 | |
| 
 | |
| <section class="showcase-left">
 | |
| <div class="container">
 | |
| <div class="tz-gallery">
 | |
| <div class="row">
 | |
| <div class="col-md-4"><a class="lightbox" href="img/Images/freecadhifi.png"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/freecadhifi.png" /> </a>
 | |
| 
 | |
| <h5></h5>
 | |
| </div>
 | |
| 
 | |
| <div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180117_231522.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180117_231522.jpg" /> </a>
 | |
| 
 | |
| <h5></h5>
 | |
| </div>
 | |
| 
 | |
| <div class="col-md-4"><a class="lightbox" href="img/Images/forksand-hifive-case.png"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/forksand-hifive-case.png" /> </a>
 | |
| 
 | |
| <h5></h5>
 | |
| </div>
 | |
| </div>
 | |
| 
 | |
| <div class="row">
 | |
| <div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180118_182121.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180118_182121.jpg" /> </a>
 | |
| 
 | |
| <h5></h5>
 | |
| </div>
 | |
| 
 | |
| <div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180118_182153.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180118_182153.jpg" /> </a>
 | |
| 
 | |
| <h5></h5>
 | |
| </div>
 | |
| 
 | |
| <div class="col-md-4"><a class="lightbox" href="img/Images/IMG_20180118_190156.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180118_190156.jpg" /> </a>
 | |
| 
 | |
| <h5></h5>
 | |
| </div>
 | |
| </div>
 | |
| </div>
 | |
| </div>
 | |
| </section>
 | |
| 
 | |
| <section class="section showcase-bottom">
 | |
| <div class="card col-md-12 container bg-primary text-white text-center p-2">
 | |
| <div class="myHeading white mx-auto">Built upon the philosophy of users' freedom</div>
 | |
| </div>
 | |
| </section>
 | |
| 
 | |
| <section id="contact">
 | |
| <div class="container">
 | |
| <div class="row">
 | |
| <div class="col-md-6">
 | |
| <ul class="list-unstyled info-left">
 | |
| 	<li>
 | |
| 	<h1 class="Brown">Contact</h1>
 | |
| 
 | |
| 	<ul>
 | |
| 		<li>
 | |
| 		<h5>Address</h5>
 | |
| 
 | |
| 		<ul>
 | |
| 			<li>Fork Sand, Inc.<br />
 | |
| 			PO Box 200<br />
 | |
| 			Masonville, Colorado<br />
 | |
| 			80541 USA</li>
 | |
| 		</ul>
 | |
| 		</li>
 | |
| 	</ul>
 | |
| 
 | |
| 	<ul>
 | |
| 		<li>
 | |
| 		<h5>Phone</h5>
 | |
| 
 | |
| 		<ul>
 | |
| 			<li>+1-970-999-8777 Voice<br />
 | |
| 			+1-970-449-7502 Fax<br />
 | |
| 			sales@forksand.com</li>
 | |
| 		</ul>
 | |
| 		</li>
 | |
| 	</ul>
 | |
| 	</li>
 | |
| </ul>
 | |
| </div>
 | |
| 
 | |
| <div class="col-md-6 info-left"><img class="img-fluid" src="img/BC.png" /></div>
 | |
| 
 | |
| <ul>
 | |
| 	<li>
 | |
| 	<h5><a href="https://code.forksand.com/forksand"><i class="fa fa-github sr-icons" style="font-size:40px; color:black"></i> https://code.forksand.com/forksand</a></h5>
 | |
| 
 | |
| 	</li>
 | |
| 	<li>
 | |
| 	<h5><a href="https://imgur.com/user/forksand"><i><img class="sr-icons" src="img/icons/imgur.png" /></i> imgur.com/user/forksand</a></h5>
 | |
| 	</li>
 | |
| </ul>
 | |
| </div>
 | |
| </div>
 | |
| </section>
 | |
| 
 | |
| <p><br />
 | |
| <!-- Footer --></p>
 | |
| 
 | |
| <footer class="py-4 bg-primary">
 | |
| <div class="container">
 | |
| <p class="m-0 text-center text-white mx-auto">Copyright © 2018, 2019, 2020, 2021 | <a class="text-white" href="https://www.forksand.com/"><strong>Fork Sand, Inc.</strong></a></p>
 | |
| </div>
 | |
| <!-- /.container --></footer>
 | |
| <!-- Bootstrap core JavaScript --><script src="vendor/jquery/jquery.min.js"></script><script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script><!-- Plugin JavaScript --><script src="vendor/jquery-easing/jquery.easing.min.js"></script><!-- Custom JavaScript for this theme --><script src="js/scrolling-nav.js"></script><script src="js/baguetteBox.min.js"></script><script>
 | |
| 		  baguetteBox.run('.tz-gallery');
 | |
|     </script></body>
 | |
| </html>
 |