github-test/about.html at master · tannerhildman/github-test · 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
<html>
   <header>
   <title>About: John Mayer</title>
   <meta name="Description" contents=" This is the description">
   <link rel="stylesheet" href="JohnMayerStyle.css"/>
   </head>
   <body>
      <header class="main-header">
         <nav class="nav main-nav">
         <ul>
            <li> <a href="index.html"> Home</a></li>
            <li> <a href="Store.html"> Store</a></li>
            <li> <a href="About.html"> About</a></li>
         </ul>
         </nav class=nav>
         <h1 class="band-name band-name-large">John Mayer</h1>
      </header>

      <section class="content-section container">
         <h2 class="section-header">About</h2>
         <img class="about-band-image" src="images/johnmayer.png"width=400>
         <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing
            elit. Cras semper lectus lacus. Praesent
            purus est, consectetur vel arcu et, interdum tincidunt nisl.
            Aliquam bibendum leo luctus dui venenatis, eu iaculis elit luctus.
            Quisque sed lorem nec ligula mollis dictum eget efficitur sem. Nunc
            malesuada, velit sed iaculis interdum, tortor lorem fringilla purus,
            pharetra blandit dui felis sit amet urna. Sed tincidunt risus quis sem
            sollicitudin commodo. Phasellus varius tincidunt pulvinar. Cras faucibus
            euismod commodo. Pellentesque at mi enim. In feugiat nunc ac maximus aliquet.
         <br>
         <br>
            Etiam ut metus pulvinar felis lacinia suscipit vel aliquam nisi. Sed commodo
            elementum ipsum. Suspendisse vitae mauris et ipsum facilisis ultrices. Suspendisse
            pharetra viverra velit, eget malesuada lacus sollicitudin placerat. Mauris sed eros
            ac sapien hendrerit congue quis tempus libero. Etiam tristique libero nisi, vitae sagittis
            diam dictum semper. Suspendisse nibh ligula, pulvinar ultricies dolor nec,
            lacinia viverra nisl.Phasellus enim erat, hendrerit quis dolor quis, vulputate
            eleifend justo. Duis id ex vestibulum, finibus erat in, pretium lorem. Etiam ut
            metus pulvinar felis lacinia suscipit vel aliquam nisi. Sed commodo elementum ipsum.
            Suspendisse vitae mauris et ipsum facilisis ultrices. Suspendisse pharetra viverra velit,
            eget malesuada lacus sollicitudin placerat. Mauris sed eros ac sapien hendrerit congue quis
            tempus libero. Etiam tristique libero nisi, vitae sagittis diam dictum semper. Suspendisse nibh
            ligula, pulvinar ultricies dolor nec, lacinia viverra nisl.Phasellus enim erat, hendrerit quis dolor
            quis, vulputate eleifend justo. Duis id ex vestibulum, finibus erat in, pretium lorem.
            Etiam ut metus pulvinar felis lacinia suscipit vel aliquam nisi. Sed commodo elementum ipsum.
            Suspendisse vitae mauris et ipsum facilisis ultrices. Suspendisse pharetra viverra velit, eget
            malesuada lacus sollicitudin placerat. Mauris sed eros ac sapien hendrerit congue quis tempus libero.
            Etiam tristique libero nisi, vitae sagittis diam dictum semper. Suspendisse nibh ligula, pulvinar
            ultricies dolor nec, lacinia viverra nisl.Phasellus enim erat, hendrerit quis dolor quis, vulputate
            eleifend justo. Duis id ex vestibulum, finibus erat in, pretium lorem.Etiam ut metus pulvinar felis
            lacinia suscipit vel aliquam nisi. Sed commodo
            elementum ipsum. Suspendisse vitae mauris et ipsum facilisis ultrices. Suspendisse
            pharetra viverra velit, eget malesuada lacus sollicitudin placerat. Mauris sed eros
            ac sapien hendrerit congue quis tempus libero. Etiam tristique libero nisi, vitae sagittis
            diam dictum semper. Suspendisse nibh ligula, pulvinar ultricies dolor nec,
            lacinia viverra nisl.Phasellus enim erat, hendrerit quis dolor quis, vulputate
            eleifend justo. Duis id ex vestibulum, finibus erat in, pretium lorem. Etiam ut
            metus pulvinar felis lacinia suscipit vel aliquam nisi. Sed commodo elementum ipsum.
            Suspendisse vitae mauris et ipsum facilisis ultrices. Suspendisse pharetra viverra velit,
            eget malesuada lacus sollicitudin placerat. Mauris sed eros ac sapien hendrerit congue quis
            tempus libero. Etiam tristique libero nisi, vitae sagittis diam dictum semper.
         </p>
      </section>


   </section>
   <footer class="main-footer">
      <div class="container main-footer-container">
         <h3 class= "band-name">John Mayer</h3>
         <ul class="nav footer-nav">
            <li>
               <a href="https://www.facebook.com/johnmayer/"target="_blank">
               <img src="images/50-Best-Facebook-Logo-Icons-GIF-Transparent-PNG-Images-22.png"width=50  >
               </a>
            </li>
            <li>
                    <a href="https://www.youtube.com/channel/UCi1mYtUWs0JRkPl6bNVRL_Q"target="_blank">
                        <img src="images/580b57fcd9996e24bc43c545.png" width=50   >
                        </a>
            </li>
         </ul>
      </div>
   </footer>
</body>
</html>