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.

196 lines
6.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>
</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 &amp; 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&#39; privacy.
<br />
<br />
For design, development, and consulting services related
<br />
to computer hardware, please contact
<br />
Jeff Moe
<br />
at
<br />
+1-970-999-8777 or hardware@forksand.com
<br />
<br />
<br />
<h5>
Source code archive:
<br />
<a href="https://code.forksand.com/forksand/"><i style="font-size:32px; color:darkbrown">https://code.forksand.com/forksand/</i></a></h5>
</div>
<br />
<h5>
<a href="https://www.etsy.com/shop/ForkSand"><i style="font-size:24px; color:blue">Fork Sand T-Shirts!</i></a></h5>
</div>
<br />
</div>
</div>
</div>
<section id="media">
<div class="container-fluid showcase-left">
<div class="title text-center">
<h1 class="Brown">Open Source Hardware</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>
</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/ki5.png"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/ki5.png" /> </a>
<h5></h5>
</div>
<div class="col-md-4"><a class="lightbox" href="img/Images/fs-usb-firewall-sm.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/fs-usb-firewall-sm.jpg" /> </a>
<h5></h5>
</div>
<div class="col-md-4"><a class="lightbox" href="img/Images/wasd-libre-alpha-1.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/wasd-libre-alpha-1.jpg" /> </a>
<h5></h5>
</div>
</div>
<div class="row">
<div class="col-md-4"><a class="lightbox" href="img/Images/fs-trellisboard-front.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/fs-trellisboard-front.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/fs-ulx3s-front.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/fs-ulx3s-front.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 />
info@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>
</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 &copy; 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>