HTML-CSS-Coursework-Week1/index.html at 9fbcc9195b0c12124c8dd25dad09018cffbbf0db · CodeYourFuture/HTML-CSS-Coursework-Week1 · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <title>My Blog</title>
    <link
      href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
      rel="stylesheet"
      type="text/css"
    />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
  </head>
  <body>
    <header>
      <img class="logo" width="100" src="https://i.pinimg.com/originals/f8/7a/34/f87a343ec345a259afe68815fb7f59c4.jpg" alt="">
      <nav>
        <ul class="navigation_links">
          <li><a href="#"></a>About Me</li>
          <li><a href="#"></a>Github</li>
          <li><a href="#"></a>Services</li>
        </ul>
      </nav>
      <a class="cta" href="#"><button>Contact</button></a>
    </header>


    <section>
      <div class="blog-container">
    <!--Box one-->
        <div class="blog-box">

            <div class="blog-img">
              <img src="https://www.highsnobiety.com/static-assets/thumbor/4JpD-OLrxWOySH-1XPugRYVlGAI=/1600x2000/www.highsnobiety.com/static-assets/wp-content/uploads/2015/08/07155433/eazy-e-death-conspiracy-4.jpg" alt="blog">
            </div>
            <div class="blog-text">
              <span>Eazy-E 7.9.1964-26.3.1995</span>
              <br>
              <a href="#" class="blog-title">What happened to Eazy-E?</a>
              <br>
              <p>Conspirary theorists say that he has injected with HIV after a night out. Nobody knows exacly by who but explains the facts that he died so early from a disease that he had only for 3 months. RIP</p>
              <a href="#">Read More</a>
            </div>
          </div>
          <!--Box two-->

          <div class="blog-box">

            <div class="blog-img">
              <img src="https://media.gettyimages.com/id/1317653374/photo/new-york-new-york-march-01-rapper-eazy-e-appears-in-a-portrait-taken-on-march-1-1990-in-new.jpg?s=612x612&w=gi&k=20&c=ZAVptoz7Eck8dQKZ36y6rgC0Haz182Yxug0vozjvKV0=" alt="blog">
            </div>
            <div class="blog-text">
              <span>Eazy-E 7.9.1964-26.3.1995</span>
              <br>
              <a href="#" class="blog-title">What happened to Eazy-E?</a>
              <br>
              <p>Conspirary theorists say that he has injected with HIV after a night out. Nobody knows exacly by who but explains the facts that he died so early from a disease that he had only for 3 months. RIP</p>
              <a href="#">Read More</a>
            </div>
          </div>
          <!--Box three-->

          <div class="blog-box">

            <div class="blog-img">
              <img src="https://www.highsnobiety.com/static-assets/thumbor/4JpD-OLrxWOySH-1XPugRYVlGAI=/1600x2000/www.highsnobiety.com/static-assets/wp-content/uploads/2015/08/07155433/eazy-e-death-conspiracy-4.jpg" alt="blog">
            </div>
            <div class="blog-text">
              <span>Eazy-E 7.9.1964-26.3.1995</span>
              <br>
              <a href="#" class="blog-title">What happened to Eazy-E?</a>
              <br>
              <p>Conspirary theorists say that he has injected with HIV after a night out. Nobody knows exacly by who but explains the facts that he died so early from a disease that he had only for 3 months. RIP</p>
              <a href="#">Read More</a>
            </div>
          </div>
      </div>
    </section>
<footer>
  <div class="footer">All Eazy E material is licensed please ask nicely if you want anything</div>
  <div class="footer">!</div>
  <br>
  <div class="footer-link"><a href="https://www.youtube.com/watch?v=PIU07K_28ck">Eazy-E -- Boyz-n-The-Hood (Music Video)</a></div>

</footer>
  </body>
</html>