HTML-CSS-Coursework-Week1/index.html at 77a92bdf4b5c534f05280d8f6ed383cecd5608bf · 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
<!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>
    <!-- Add your HTML markup here -->
    <!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->

      <!-- The .html page and a linked .css file applies a consistent color scheme to links and text on your page.

An articles section with three articles, each including a title, summary and a link.

A page footer containing info about you or the site.

Proper use of the semantic HTML tags we discussed.

Research the :first-child pseudo-class and use it to style the first article so that it stands out from the others.

Use this website Lorem Ipsum to generate random blocks of contents to fill your website.

Commit often (with good meaningful commit messages), and Push to Github regularly. -->
      <header><h1>BEKIR</h1><p>This webpage is about Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Curabitur justo lorem, bibendum in faucibus et, luctus ut diam. Sed nisi est, lacinia ac euismod eu, egestas non augue. </p></header>
      <nav>NAVBAR</nav>
      <body><article>
        <h2>Google Chrome</h2>
        <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
        <img src="https://www.worldatlas.com/upload/7d/db/c3/shutterstock-1558058690.jpg" >
        </article>
        <article>
          <h2>Google Chrome</h2>
          <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
          <img src="https://www.worldatlas.com/upload/7d/db/c3/shutterstock-1558058690.jpg"  >
          </article>
          <article>
            <h2>Google Chrome</h2>
            <p>Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world's most popular web browser today!</p>
            <img src="https://www.worldatlas.com/upload/7d/db/c3/shutterstock-1558058690.jpg" >
            </article></body>
      <footer>FOOTER</footer>
  </body>
</html>