HTML-CSS-Tutorial/7 - Project/example.html at 9dcfa3139ddf871a390a3d84593495415b029ca4 · cassidoo/HTML-CSS-Tutorial · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale:1.0">
    <title>Susan's Website</title>
    <link rel="stylesheet" type="text/css" href="example.css" />
  </head>
  <body>
    <!--Div container of name-->
    <div class="header">
      Susan Baugh
    </div>
    <!--Div container of primary content-->
    <div class="content">
      <h1>Welcome!</h1> <!--First and largest heading-->
      <p> <!--Text-->
        Thanks for stopping by! My name is Susan and I love art, learning about
        energy and renewable resources, and playing Candy Crush. <br />
        Please have a look around and check out my projects and work! <br />
      </p>
      <img src="http://i.imgur.com/cMoWwd6.jpg" alt="I'm Susan" /> <!--Image-->

      <h1>Publications</h1> <!--heading-->

      <h2>Presentations</h2> <!--subheading-->

      Construction of the Belo Monte Hydroelectric Power Plant in the Amazon
      <br /> <!--break between content-->

      Microfluidic Devices for Medical and Energy Applications <br /> <!--break-->

      <h2>Publications</h2> <!--subheading-->

      Paper-based Microfluidics for Energy Applications <br /> <!--break-->

      How to Destroy Candy Crush in 5 Easy Steps <br /> <!--break-->

      <h1>Contact Me</h1> <!--heading-->

      <p><span>Email</span><!--emphasis on e-mail--> susan@example.com</p> <!--text-->
    </div>
    <div class="footer"></div> <!--footer-->
  </body>
</html>