2n2u

Untitled

Jan 3rd, 2017
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.11 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="utf-8">
  5.     <title>Andre Costa - Photos</title>
  6.     <meta name="description" content="Gallery of photos taken by Andre Costa" />
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.     <meta name="generator" content="Codeply">
  9.     <link rel="stylesheet" href="./css/bootstrap.min.css" />
  10.     <link rel="stylesheet" href="./css/animate.min.css" />
  11.     <link rel="stylesheet" href="./css/ionicons.min.css" />
  12.     <link rel="stylesheet" href="./css/styles.css" />
  13.     <!-- Bootstrap Core CSS -->
  14.     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  15.  
  16.     <!-- Theme CSS -->
  17.     <link href="css/freelancer.min.css" rel="stylesheet">
  18.  
  19.     <!-- Custom Fonts -->
  20.     <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  21.     <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
  22.     <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
  23.  
  24.   </head>
  25.   <body>
  26.     <nav id="mainNav" class="navbar navbar-default navbar-fixed-top navbar-custom">
  27.         <div class="container">
  28.             <!-- Brand and toggle get grouped for better mobile display -->
  29.             <div class="navbar-header page-scroll">
  30.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
  31.                     <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
  32.                 </button>
  33.                 <a class="navbar-brand" href="#page-top">André Costa</a>
  34.             </div>
  35.  
  36.             <!-- Collect the nav links, forms, and other content for toggling -->
  37.             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  38.                 <ul class="nav navbar-nav navbar-right">
  39.                     <li class="hidden">
  40.                         <a href="#page-top"></a>
  41.                     </li>
  42.                     <li class="page-scroll">
  43.                         <a href="#portfolio">Portfolio</a>
  44.                     </li>
  45.                     <li class="page-scroll">
  46.                         <a href="photography.html">Photography</a>
  47.                     </li>
  48.                     <li class="page-scroll">
  49.                         <a href="#about">About</a>
  50.                     </li>
  51.                     <li class="page-scroll">
  52.                         <a href="#contact">Contact</a>
  53.                     </li>
  54.                 </ul>
  55.             </div>
  56.             <!-- /.navbar-collapse -->
  57.         </div>
  58.         <!-- /.container-fluid -->
  59.     </nav>
  60.     <header>
  61.         <section id="three" class="no-padding">
  62.         <div class="container-fluid">
  63.             <div class="row no-gutter">
  64.                 <div class="col-lg-4 col-sm-6">
  65.                     <a href="#galleryModal" class="gallery-box" data-toggle="modal" data-src="./assets/deer.jpg">
  66.                         <img src="./assets/deer.jpg" class="img-responsive" alt="Image 1">
  67.                         <div class="gallery-box-caption">
  68.                             <div class="gallery-box-content">
  69.                                 <div>
  70.                                     <i class="icon-lg ion-ios-search"></i>
  71.                                 </div>
  72.                             </div>
  73.                         </div>
  74.                     </a>
  75.                 </div>
  76.                 <div class="col-lg-4 col-sm-6">
  77.                     <a href="#galleryModal" class="gallery-box" data-toggle="modal" data-src="./assets/beach.jpg">
  78.                         <img src="./assets/beach.jpg" class="img-responsive" alt="Image 2">
  79.                         <div class="gallery-box-caption">
  80.                             <div class="gallery-box-content">
  81.                                 <div>
  82.                                     <i class="icon-lg ion-ios-search"></i>
  83.                                 </div>
  84.                             </div>
  85.                         </div>
  86.                     </a>
  87.                 </div>
  88.                 <div class="clearfix hidden-lg"> </div>
  89.                 <div class="col-lg-4 col-sm-6">
  90.                     <a href="#galleryModal" class="gallery-box" data-toggle="modal" data-src="./assets/lake.jpg">
  91.                         <img src="./assets/lake.jpg" class="img-responsive" alt="Image 3">
  92.                         <div class="gallery-box-caption">
  93.                             <div class="gallery-box-content">
  94.                                 <div>
  95.                                     <i class="icon-lg ion-ios-search"></i>
  96.                                 </div>
  97.                             </div>
  98.                         </div>
  99.                     </a>
  100.                 </div>
  101.                 <div class="col-lg-4 col-sm-6">
  102.                     <a href="#galleryModal" class="gallery-box" data-toggle="modal" data-src="./assets/bike.jpg">
  103.                         <img src="./assets/bike.jpg" class="img-responsive" alt="Image 4">
  104.                         <div class="gallery-box-caption">
  105.                             <div class="gallery-box-content">
  106.                                 <div>
  107.                                     <i class="icon-lg ion-ios-search"></i>
  108.                                 </div>
  109.                             </div>
  110.                         </div>
  111.                     </a>
  112.                 </div>
  113.                 <div class="clearfix hidden-lg"> </div>
  114.                 <div class="col-lg-4 col-sm-6">
  115.                     <a href="#galleryModal" class="gallery-box" data-toggle="modal" data-src="./assets/city.jpg">
  116.                         <img src="./assets/city.jpg" class="img-responsive" alt="Image 5">
  117.                         <div class="gallery-box-caption">
  118.                             <div class="gallery-box-content">
  119.                                 <div>
  120.                                     <i class="icon-lg ion-ios-search"></i>
  121.                                 </div>
  122.                             </div>
  123.                         </div>
  124.                     </a>
  125.                 </div>
  126.                 <div class="col-lg-4 col-sm-6">
  127.                     <a href="#galleryModal" class="gallery-box" data-toggle="modal" data-src="./assets/colors.jpg">
  128.                         <img src="./assets/colors.jpg" class="img-responsive" alt="Image 6">
  129.                         <div class="gallery-box-caption">
  130.                             <div class="gallery-box-content">
  131.                                 <div>
  132.                                     <i class="icon-lg ion-ios-search"></i>
  133.                                 </div>
  134.                             </div>
  135.                         </div>
  136.                     </a>
  137.                 </div>
  138.             </div>
  139.         </div>
  140.     </section>
  141.     </header>
  142.    
  143.    
  144.     <!--scripts loaded here -->
  145.     <script src="./js/jquery.min.js"></script>
  146.     <script src="./js/bootstrap.min.js"></script>
  147.     <script src="./js/jquery.easing.min.js"></script>
  148.     <script src="./js/wow.js"></script>
  149.     <script src="./js/scripts.js"></script>
  150.   </body>
  151. </html>
Advertisement
Add Comment
Please, Sign In to add comment