Primer_final_exercise/index.html at master · pewobox79/Primer_final_exercise · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>First Project Pewobox</title>
    <link rel="stylesheet" href="src/style.css" />
  </head>
  <body>
    <header>
      <!--logo-->
      <div class="logo-section">
        <a href="https://www.aviareps.com"
          ><img
            src="https://www.aviareps.com/beta/wp-content/themes/aviareps/images/logo-navy.png"
        /></a>
      </div>
      <nav class="navigation-section">
        <ul>
          <a href="#blog1"><li>section 1</li></a>
          <a href="#blog2"><li>section 2</li></a>
          <a href="#blog3"><li>section 3</li></a>
          <a href="#blog4"><li>section 4</li></a>
        </ul>
      </nav>
    </header>

    <main>
      <div id="page-wrapper">
      <!--Blog content-->
      <div class="grid-container">
        <div class="item2">
          <ul class="grid-sidebar">
            <a href="#blog1"><li>section 1</li></a>
            <a href="#blog2"><li>section 2</li></a>
            <a href="#blog3"><li>section 3</li></a>
            <a href="#blog4"><li>section 4</li></a>
          </ul>
        </div>
        <div id="blog1"class="item3 image"></div>
        <div class="item4 content-box">
          I'm baby raclette asymmetrical chambray distillery pok pok brooklyn
          adaptogen. Iceland meh raclette, portland gochujang shaman ugh artisan
          fashion axe man bun hexagon vice kogi polaroid gentrify. Franzen
          normcore palo santo direct trade, jianbing etsy ugh microdosing
          flexitarian typewriter chicharrones pok pok lyft venmo green juice.
          Portland truffaut mumblecore venmo celiac coloring book +1
          intelligentsia small batch. Yr YOLO tilde freegan williamsburg master
          cleanse, iceland drinking vinegar palo santo pour-over. Cloud bread
          sriracha pickled migas, af hammock banjo pug pitchfork wolf enamel pin
          tacos lomo actually. Master cleanse farm-to-table lo-fi venmo ethical
          paleo irony, semiotics cliche squid.
          I'm baby raclette asymmetrical chambray distillery pok pok brooklyn
          adaptogen. Iceland meh raclette, portland gochujang shaman ugh artisan
          fashion axe man bun hexagon vice kogi polaroid gentrify. Franzen
          normcore palo santo direct trade, jianbing etsy ugh microdosing
          flexitarian typewriter chicharrones pok pok lyft venmo green juice.
          Portland truffaut mumblecore venmo celiac coloring book +1
          intelligentsia small batch. Yr YOLO tilde freegan williamsburg master
          cleanse, iceland drinking vinegar palo santo pour-over. Cloud bread
          sriracha pickled migas, af hammock banjo pug pitchfork wolf enamel pin
          tacos lomo actually. Master cleanse farm-to-table lo-fi venmo ethical
          paleo irony, semiotics cliche squid.
        </div>
        <div id="blog2" class="item5 image"></div>
        <div class="item6 content-box">
          Distillery pabst salvia swag butcher. YOLO kinfolk chia 90's wayfarers
          copper mug hammock tofu kickstarter offal. Craft beer PBR&B kogi retro
          hot chicken food truck, master cleanse pok pok waistcoat. Letterpress
          mixtape freegan la croix bushwick PBR&B occupy hot chicken
          farm-to-table vice banjo subway tile asymmetrical bespoke. Food truck
          shabby chic swag banjo cloud bread, etsy cred. Hammock austin beard
          gochujang taiyaki tilde offal jianbing post-ironic.
          istillery pabst salvia swag butcher. YOLO kinfolk chia 90's wayfarers
          copper mug hammock tofu kickstarter offal. Craft beer PBR&B kogi retro
          hot chicken food truck, master cleanse pok pok waistcoat. Letterpress
          mixtape freegan la croix bushwick PBR&B occupy hot chicken
          farm-to-table vice banjo subway tile asymmetrical bespoke. Food truck
          shabby chic swag banjo cloud bread, etsy cred. Hammock austin beard
          gochujang taiyaki tilde offal jianbing post-ironic.
        </div>
        <div id="blog3" class="item7 image"></div>
        <div class="item8 content-box">
          Knausgaard kinfolk fam, everyday carry mixtape chambray meh vape.
          Asymmetrical shoreditch succulents intelligentsia palo santo.
          Knausgaard synth messenger bag thundercats, church-key cray polaroid
          keffiyeh readymade food truck master cleanse four loko. Waistcoat
          pickled man bun marfa disrupt echo park. Lumbersexual taxidermy
          semiotics readymade, activated charcoal prism squid chicharrones
          ennui. Franzen authentic activated charcoal, drinking vinegar
          distillery waistcoat copper mug master cleanse keytar.
          Knausgaard kinfolk fam, everyday carry mixtape chambray meh vape.
          Asymmetrical shoreditch succulents intelligentsia palo santo.
          Knausgaard synth messenger bag thundercats, church-key cray polaroid
          keffiyeh readymade food truck master cleanse four loko. Waistcoat
          pickled man bun marfa disrupt echo park. Lumbersexual taxidermy
          semiotics readymade, activated charcoal prism squid chicharrones
          ennui. Franzen authentic activated charcoal, drinking vinegar
          distillery waistcoat copper mug master cleanse keytar.
        </div>
        <div id="blog4" class="item9 image"></div>
        <div class="item10 content-box">
          Knausgaard kinfolk fam, everyday carry mixtape chambray meh vape.
          Asymmetrical shoreditch succulents intelligentsia palo santo.
          Knausgaard synth messenger bag thundercats, church-key cray polaroid
          keffiyeh readymade food truck master cleanse four loko. Waistcoat
          pickled man bun marfa disrupt echo park. Lumbersexual taxidermy
          semiotics readymade, activated charcoal prism squid chicharrones
          ennui. Franzen authentic activated charcoal, drinking vinegar
          distillery waistcoat copper mug master cleanse keytar.
          Knausgaard kinfolk fam, everyday carry mixtape chambray meh vape.
          Asymmetrical shoreditch succulents intelligentsia palo santo.
          Knausgaard synth messenger bag thundercats, church-key cray polaroid
          keffiyeh readymade food truck master cleanse four loko. Waistcoat
          pickled man bun marfa disrupt echo park. Lumbersexual taxidermy
          semiotics readymade, activated charcoal prism squid chicharrones
          ennui. Franzen authentic activated charcoal, drinking vinegar
          distillery waistcoat copper mug master cleanse keytar.
        </div>
      </div>
      </div>
    </main>

    <footer class="navigation-section">
      <ul>
        <a href="#blog1"><li>section 1</li></a>
        <a href="#blog2"><li>section 2</li></a>
        <a href="#blog3"><li>section 3</li></a>
        <a href="#blog4"><li>section 4</li></a>
      </ul>
    </footer>
  </body>
</html>