new-mexico/index.html at gh-pages · chuckflores/new-mexico · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>Chuck & Rachel – New Mexico</title>
  <meta name="description" content="Insert Description Here">

  <link rel="stylesheet" href="assets/styles/styles.css">

  <script src="https://use.typekit.net/flx8gzf.js"></script>
  <script>try{Typekit.load({ async: true });}catch(e){}</script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>


</head>

<body>
  <div class="container">

    <div class="c-header-container">
      <div class="c-header-container__inside">
        <header class="slide">     <!-- Add "slideRight" class to items that move right when viewing Nav Drawer  -->
          <ul id="navToggle" class="burger slide">    <!--  Add "slideRight" class to items that move right when viewing Nav Drawer  -->
            <li></li><li></li><li></li>
          </ul>
          <a href="index.html"><img src="assets/images/logo.png" class="logo"></a>
        </header>

        <nav class="slide">
          <ul>
            <li><a href="fixed-nav-test.html" class="active">Fixed Nav</a></li>
            <li><a href="santa-fe.html" class="active">Santa Fe</a></li>
            <li><a href="tent-rocks.html">Tent Rocks</a></li>
            <li><a href="road-trip.html">Road Trip</a></li>
            <li><a href="white-sands.html">White Sands</a></li>
            <li><a href="truth-or-consequences.html">Truth or Consequences</a></li>
            <li><a href="albuquerque.html">Albuquerque</a></li>


          </ul>
        </nav>
      </div>
    </div>

    <div class="content slide">     <!--  Add "slideRight" class to items that move right when viewing Nav Drawer  -->
      <ul class="responsive">

        <li class="body-section">
          <!-- Title -->
          <section class="s-title">
            <div class="image-gradient-dynamic">
              <img src="assets/images/titles/title-home.jpg" alt="">
              <div class="overlay"></div>
            </div>
          </section>

          <section class="s-about">
            <div class="image-gradient-dynamic">
              <img src="assets/images/sections/section-home-about.jpg" alt="">
              <div class="overlay"></div>
              <div class="home-about__copy">
                <h2 class="h2-white">This is the account of Rachel & Chuck’s journey through New Mexico. Explore the cities & sites below.</h2>
              </div>
            </div>
          </section>


          <!-- Navigation Images -->
          <section class="s-home-nav">
            <!-- Row 1 -->
            <div class="c-home-nav-row">
              <div class="image-home-nav">
                <a href="santa-fe.html">
                  <img src="assets/images/home-nav/home-santa-fe.jpg" alt="Santa Fe Link">
                  <div class="overlay"></div>
                  <div class="home-about__copy">
                    <h3>Santa Fe</h3>
                  </div>
                </a>
              </div>


              <div class="image-home-nav">
                <a href="tent-rocks.html">
                  <img src="assets/images/home-nav/home-tent-rocks.jpg" alt="Tent Rocks Link">
                  <div class="overlay"></div>
                  <div class="home-about__copy">
                    <h3>Tent Rocks</h3>
                  </div>
                </a>
              </div>
            </div>

            <!-- Row 2 -->
            <div class="c-home-nav-row">
              <div class="image-home-nav">
                <a href="santa-fe.html">
                  <img src="assets/images/home-nav/home-road-trip.jpg" alt="Santa Fe Link">
                  <div class="overlay"></div>
                  <div class="home-about__copy">
                    <h3>Road Trip</h3>
                  </div>
                </a>
              </div>


              <div class="image-home-nav">
                <a href="tent-rocks.html">
                  <img src="assets/images/home-nav/home-white-sands.jpg" alt="Tent Rocks Link">
                  <div class="overlay"></div>
                  <div class="home-about__copy">
                    <h3>White Sands</h3>
                  </div>
                </a>
              </div>
            </div>

            <!-- Row 3 -->
            <div class="c-home-nav-row">
              <div class="image-home-nav">
                <a href="santa-fe.html">
                  <img src="assets/images/home-nav/home-truth.jpg" alt="Santa Fe Link">
                  <div class="overlay"></div>
                  <div class="home-about__copy">
                    <h3>Truth or Consequences</h3>
                  </div>
                </a>
              </div>


              <div class="image-home-nav">
                <a href="tent-rocks.html">
                  <img src="assets/images/home-nav/home-albuquerque.jpg" alt="Tent Rocks Link">
                  <div class="overlay"></div>
                  <div class="home-about__copy">
                    <h3>Albuquerque</h3>
                  </div>
                </a>
              </div>
            </div>
          </section>


        </li>
        <!-- <li class="footer-section">
          <p class="placefiller">FOOTER</p>
        </li> -->
      </ul>
    </div>

  </div>

  <script type="text/javascript" language="javascript" src="assets/js/trunk.js"></script>

</body>
</html>