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.1 KiB
193 lines
7.1 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="vendor/fonts/eleganticons/fluid-gallery.css" rel="stylesheet" type="text/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 & 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/IMG_20180117_231536.jpg" 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/IMG_20180117_231536.jpg"><img alt="Bridge" class="img-fluid img-thumbnail img2" src="img/Images/IMG_20180117_231536.jpg" /> </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 © 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> |