first_website/photo.html at master · 0xfirefist/first_website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial scale=1">
  <title>
  </title>
  <link href="css/photo.css" rel="stylesheet">
  <link href="bootstrap3/css2/bootstrap.min.css" rel="stylesheet">

</head>

<body>

  <header>
    <nav class="navbar navbar-default">
      <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">LUMOS</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li><a href="projects.html">PROJECTS</a></li>
            <li class="active"><a href="#">PHOTOGRAPHY<span class="sr-only">(current)</span></a></li>
            <li><a href="about.html">ABOUT</a></li>
          </ul>

        </div><!-- /.navbar-collapse -->
      </div><!-- /.container-fluid -->
    </nav>
  </header>

  <div>
  </div>

  <section>
    <p class="col-sm-12 text-center">"The camera is an instrument that teaches people how to see without a camera"</p>
    <p class="col-sm-12 text-center">- Dorothea Lange </p>
    <p class="col-sm-12 text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer non orci egestas, congue odio sit amet, mollis sapien. Nunc vulputate auctor aliquet. Etiam est erat, egestas id ligula eget, ultrices pellentesque nunc. Aliquam vel nunc non massa rutrum tristique. Sed tempus orci elit, eget volutpat magna fringilla in. Donec ac ante et urna commodo luctus sit amet ut mauris. Nunc hendrerit risus in velit porta feugiat. Suspendisse ipsum nunc, hendrerit vitae ligula nec, tincidunt semper dolor. Vestibulum sollicitudin eros vitae posuere auctor.
    </p>
    <h1 class="text-center">categories</h1>
    <div class="container-fluid">
      <div class="row">
        <a href="photo-landscape.html"><div class="col-xs-4 col-sm-3 col-md-2 col-md-offset-1 col-sm-offset-1 col-xs-offset-4 text-center landscape">
          <h3>landscape</h3>
          </div>
        </a>
        <a href="photo-sketches.html"><div class="col-xs-4 col-sm-3 col-md-2 col-md-offset-2 col-sm-offset-1 col-xs-offset-4 text-center sketches">
          <h3>sketches</h3>
          </div>
        </a>
        <a href="photo-portrait.html"><div class="col-xs-4 col-sm-3 col-md-2 col-md-offset-2 col-sm-offset-1 col-xs-offset-4 text-center portrait">
          <h3>portrait</h3>
         </div>
        </a>
      </div>
    </div>
  </section>

  <footer>
    <a href="http://www.twitter.com" class="col-xs-1 col-xs-offset-1"><span class="fontawesome-twitter"></span></a>
    <a href="http://www.facebook.com" class="col-xs-1 col-xs-offset-2"><span class="fontawesome-facebook-sign"></span></a>
    <a href="http://www.youtube.com" class="col-xs-1 col-xs-offset-2"><span class="fontawesome-play"></span></a>
    <a href="http://www.instagram.com" class="col-xs-1 col-xs-offset-2"><span class="fontawesome-camera"></span></a>
  </footer>
  <script src="js2/bootstrap.js"></script>
  <script src="js/jquery.js"></script>
</body>
</html>