PersonalBlogWebsite/bloghome.html at main · rockrage22/PersonalBlogWebsite · 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
<!DOCTYPE html>
<html Lang="en">

<head>
  <meta charset="utf-8">
  <title>Blog Home Page</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="Raquels Blog Project" content="Web Page Blog Prodject made by Raquel from scratch. Using Skills learned from Freecodecamp.org and Udacity Frontend Web Development Fundamentals Nanodegree Program">
  <meta name="author" content="Raquel M.">
  <link rel="stylesheet" href="css/main.css">
</head>

<nav class="sticky bo" id="nav-bar">
  <ul class="horizontal a">
    <li><a href="#">Home</a></li>
    <li><a href="#">News</a></li>
    <li><a href="https://www.linkedin.com/in/raquel-m-a672ba187">Contact</a></li>
    <li><a href="#">About</a></li>
  </ul>
</nav>

<header class="item1 i bo c">
  Home Page
</header>

<div class="grid-container">
  <div class="container">
    <div class="item3">
      <h2>Blog Posts</h2>
      <div class="card thin-grey-border" id="thumbnail">
        <a href="Blog.html">
          <img src="https://lh3.googleusercontent.com/qaVd-a0WBNCzgno8SKiMt8ex_C_nTHGG9lcsh6INho67Ccm34UHvw5Ln14TJEXga490DLBBQz8zZotLKIrt0uERdYGcm_dfWyNOM5j6w-i3aqheBWGZPT_kb5EBaq15CbLBE-TxTmPk=w2400" alt="Raquel Moore Head Shot" height="104px">
        </a>
        <div class="h small-box">
          <div>
            <h5>Raquel M.</h5>
            <h6>Front End Web Developer</h6>
          </div>
          <hr>
          <p class="fsmall">diam volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien</p>
        </div>
      </div>
      </div>
  </div>

  <div class="container">
    <div class="item2">
      <div class="card thin-grey-border" id="thumbnail">
        <a href="#">
          <img src="https://lh3.googleusercontent.com/-tzyYqdLojvkVpToWWdSrx-jTrd847gGKqj2lqp_NNdbICH-woejvoXRjB-_jVcanldpIsRVxAU2v3IZJ3WImRFXSpgGVW6acLJwaDGem6SRfrpYol0bJOWrDDdVOaKHt1cBkmraQ5s=w2400" alt="Tamisha Head Shot" height="103">
        </a>
        <div class="small-box m">
          <div>
            <h5> Marideth M.</h5>
            <h6>Bookkeeper</h6>
          </div>
          <hr>
          <p class="fsmall">quis blandit turpis cursus in hac habitasse platea dictumst quisque sagittis purus sit amet volutpat</p>
        </div>
      </div>
    </div>
  </div>
</div>

 <div class="heart breathe">
   <a href="https://github.com/rockrage22/Personal-blog-webiste"></a>
 </div>

<footer class="item4 b">&copyRaquel Moore 2022</footer>

</html>

<!---
Credit to
https://tiltonhaus.com/
Mom Image
https://lh3.googleusercontent.com/-tzyYqdLojvkVpToWWdSrx-jTrd847gGKqj2lqp_NNdbICH-woejvoXRjB-_jVcanldpIsRVxAU2v3IZJ3WImRFXSpgGVW6acLJwaDGem6SRfrpYol0bJOWrDDdVOaKHt1cBkmraQ5s=w2400
My Image
https://lh3.googleusercontent.com/qaVd-a0WBNCzgno8SKiMt8ex_C_nTHGG9lcsh6INho67Ccm34UHvw5Ln14TJEXga490DLBBQz8zZotLKIrt0uERdYGcm_dfWyNOM5j6w-i3aqheBWGZPT_kb5EBaq15CbLBE-TxTmPk=w2400
-->