legal.html

<!DOCTYPE html>
<html>

  <head>


  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="All things Rai">
  <meta name="author" content="Vijeth Rai">
  <link rel="canonical" href="http://localhost:4000/legal.html">

  <title>Privacy Policy | Espérance Creations</title>

  <!-- Bootstrap core CSS -->
  <link href="assets/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom fonts for this template -->
  <link href="assets/css/all.min.css" rel="stylesheet" type="text/css">
  <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

  <!-- Custom styles for this theme -->
  <!--<link href="assets/css/agency.min.css" rel="stylesheet">-->
  <link href="assets/css/agency.css" rel="stylesheet">
  
  <!-- Page container change top padding when nav shrinks -->
  
  
</head>

  <body id="page-top">

      <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav" style="background-color:#212529">
    <div class="container">
	  <a class="navbar-brand js-scroll-trigger" href="/#">Espérance Creations</a>
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        Menu
        <i class="fas fa-bars"></i>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav text-uppercase ml-auto"><li class="nav-item"><a class="nav-link js-scroll-trigger" href="/#services">Skills </a></li>
		<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/#portfolio">Portfolio</a></li>
		<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/#timeline">Work Ex</a></li>
		<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/#publications">Publications</a></li>
		<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/#misc">Full Bio</a></li>
		<li class="nav-item"><a class="nav-link js-scroll-trigger" href="/#about">About Me</a></li>
		
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- End Navigation -->
<style>
    .image-gallery {overflow: auto; margin-left: -1%!important;}
    .image-gallery li {float: left; display: block; margin: 0 0 1% 1%; width: 19%;}
    .image-gallery li a {text-align: center; text-decoration: none!important; color: #777;}
    .image-gallery li a span {display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 3px 0;}
    .image-gallery li a img {width: 100%; display: block;}
</style>

<ul class="image-gallery">
	
			 
		<li><a href="/assets/images/travel/full/DSC02959.JPG" title="DSC02959">
		<img src="//images.weserv.nl/?url=localhost:4000/assets/images/travel/full/DSC02959.JPG&w=300&h=300&output=jpg&q=50&t=square" alt="DSC02959" title="DSC02959" />
		 <span>DSC02959</span></a></li>
		 
		 
		<li><a href="/assets/images/travel/full/DSC02966.JPG" title="DSC02966">
		<img src="//images.weserv.nl/?url=localhost:4000/assets/images/travel/full/DSC02966.JPG&w=300&h=300&output=jpg&q=50&t=square" alt="DSC02966" title="DSC02966" />
		 <span>DSC02966</span></a></li>
		 
		 
		<li><a href="/assets/images/travel/full/DSC02996.JPG" title="DSC02996">
		<img src="//images.weserv.nl/?url=localhost:4000/assets/images/travel/full/DSC02996.JPG&w=300&h=300&output=jpg&q=50&t=square" alt="DSC02996" title="DSC02996" />
		 <span>DSC02996</span></a></li>
		 
		 
		<li><a href="/assets/images/travel/full/DSC03009.JPG" title="DSC03009">
		<img src="//images.weserv.nl/?url=localhost:4000/assets/images/travel/full/DSC03009.JPG&w=300&h=300&output=jpg&q=50&t=square" alt="DSC03009" title="DSC03009" />
		 <span>DSC03009</span></a></li>
		 
		 
		<li><a href="/assets/images/travel/full/P5070829.JPG" title="P5070829">
		<img src="//images.weserv.nl/?url=localhost:4000/assets/images/travel/full/P5070829.JPG&w=300&h=300&output=jpg&q=50&t=square" alt="P5070829" title="P5070829" />
		 <span>P5070829</span></a></li>
		 
		 
		<li><a href="/assets/images/travel/full/P5070836.JPG" title="P5070836">
		<img src="//images.weserv.nl/?url=localhost:4000/assets/images/travel/full/P5070836.JPG&w=300&h=300&output=jpg&q=50&t=square" alt="P5070836" title="P5070836" />
		 <span>P5070836</span></a></li>
		 
		 
		<li><a href="/assets/images/travel/full/puks2.JPG" title="puks2">
		<img src="//images.weserv.nl/?url=localhost:4000/assets/images/travel/full/puks2.JPG&w=300&h=300&output=jpg&q=50&t=square" alt="puks2" title="puks2" />
		 <span>puks2</span></a></li>
		 
		 
		</ul>


<!-- <div class ="image-gallery">
  
  
 </div> -->


	    <!-- Footer -->
  <footer class="footer" id="footer" style="background-color:white;">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-md-4">
          <span class="copyright">Copyright &copy; Espérance Creations 2020</span>
        </div>
		<!-- Social Media -->
        <div class="col-md-4">
          <ul class="list-inline social-buttons">
		  
            <li class="list-inline-item">
			  
              <a href="https://www.linkedin.com/in/vijethrai-1987/">
                <i class="fab fa-linkedin-in"></i>
              </a>
			  
            </li>
			
            <li class="list-inline-item">
			  
              <a href="https://github.com/vijethrai.">
                <i class="fab fa-github"></i>
              </a>
			  
            </li>
			
            <li class="list-inline-item">
			  
              <a href="raiv@colorado.edu">
                <i class="fas fa-at"></i>
              </a>
			  
            </li>
			
          </ul>
        </div>
		<!-- Legal -->
        <div class="col-md-4">
          <ul class="list-inline quicklinks">
            <li class="list-inline-item">
              <a href="legal">Privacy Policy</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </footer>

  <!-- End Footer -->

	  <!-- Bootstrap core JavaScript -->
	  <script src="assets/js/jquery.min.js"></script>
	  <script src="assets/js/bootstrap.bundle.min.js"></script>

	  <!-- Plugin JavaScript -->
	  <script src="assets/js/jquery.easing.min.js"></script>

	  <!-- Contact form JavaScript -->
	  <script src="assets/js/jqBootstrapValidation.js"></script>
	  <script src="assets/js/contact_me.js"></script>

	  <!-- Custom scripts for this template -->
	  <script src="assets/js/agency.min.js"></script>

  </body>
</html>