@Paultheriault/

responsive resizing

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • script.js
  • style.css
index.html
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
<!DOCTYPE html>
<html>
<main id="main">
  <title id="title">"Tribute to Spicing Up your Boing"</title>
  <style>
    <a href="style.css" /a>
    //this is where the css properties go?//
  </style>

  <head><head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
    <h1>Trampolines and Breadsticks</h1>
  </head>
  <div>

    <body>
      <div>
      <figure id="img-div"><img id="image" src="http://food.fnr.sndimg.com/content/dam/images/food/fullset/2013/10/4/3/FNM_110113-Parmesan-Breakdsticks-Recipe_s4x3.jpg.rend.hgtvcom.616.462.suffix/1383788232457.jpeg" alt="several breadsticks in a row" /style>
        <figcaption id="img-caption"> "The Verbose World of Eating while Playing"
      </figure>
      </image></figcaption>
      </div>
      <div>
        <p id="tribute-info">"Who does not love a jumping cuisine experience?"
        </p>
        <div>
          <a id="tribute-link" href="http://2.bp.blogspot.com/-6lJi5EEz-d8/Tc4abPGxZEI/AAAAAAAADJM/GBQW131aJNw/s1600/DIY+inground+trampoline+instructions.jpg" target="_blank"> DIY Inground your Tramp</a>
        </div>
      </div>

      </>

   </div>
  </body>
</main>
</html>
result
console