repl.it
@MMarkosPro21/

Personal Blog Site

HTML, CSS, JS

Influenced by @Vandesm14 | New to programming? Build a simple blog using this HTML/CSS template. Add posts and remix the styles!

fork
loading
Files
  • index.html
  • images
  • 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>My Blog</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <header>
      <img src="images/rss-icon.png" width="50px" />
      <h1>Your Future Blog</h1>
    </header>
    <main>
      <!-- This article block is a single blog post! Copy and paste to add additional posts -->
      <article>
        <h3>Repl.it Game Jam!</h3>
        <hr />
        <p>The game jam on Repl.it began today!  I'm super excited to make my game.  I'm going to use <a href="https://repl.it.languages/pygame">PyGame</a> to create a really awesome platformer.  </p>
        <p class="date">2018-03-18</p>
      </article>
      
      <article>
        <h3>Lunch today</h3>
        <hr />
        <p>Today for lunch I had hawaiian pizza, which is the best kind of pizza.  Pineapples are great on anything.  Then I made some sweet games on Repl.it.  What does the future hold for me?  Guess we'll find out!</p>
        <p class="date">2018-03-15</p>
      </article>
    </main>
    <footer>

    </footer>
  </body>
</html>
result
console