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.

193 lines
7.0 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.</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 />
626 West 66th Street<br />
Loveland, Colorado<br />
80538 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://github.com/forksand"><i><img class="sr-icons" src="img/icons/github.png" /></i> github.com/forksand</a></h5>
</li>
<li>
<h5><a href="https://twitter.com/realforksand"><i><img class="sr-icons" src="img/icons/twitter.png" /></i> twitter.com/realforksand</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 &copy; 2018 | <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>