BasicBioWebPage/about.html at master · AthenaRaya/BasicBioWebPage · 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
<!DOCTYPE html>
<html>
<!--
First Website
and comment
in html
(comments can span multiple lines)
-->

<!-- This is the head -->
<!-- All styles and javascript go inside the head -->
<link href="https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cuprum|Teko&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cuprum|Permanent+Marker|Teko&display=swap" rel="stylesheet">
    <head>

        <meta charset="utf-8"/>
      <title> Athena Raya: Personal Website </title>
        <style>
            @import url("css/style.css");
        </style>


    </head>
<!-- closing head -->

    <!-- This is the body -->
    <!-- This is where we place the content of our website -->

        <header>

          <h1>
            Athena Raya
          </h1>
        </header><!-- defines a semantic section as a header -->
      <hr />
      <nav><!-- defines a semantic section as a navigation menu-->

        <a href="index.html">Home</a><!-- create a hyperlink  -->
       <strong><a href="about.html">About</a> </strong>
        <a href="contact.html">Contact</a>
      </nav>
      <br /> <br />

    <div id="content">
      <table>
         <tr id="Table-header">
           <td><strong> Progamming Lauguage</strong></td>
           <td><strong> Years Experience</strong></td>
        </tr>
        <tr class="table-row">
          <td> Java</td>
          <td>2</td>
        </tr>
         <tr class="table-row">
          <td> c++</td>
          <td>4</td>
        </tr>
         <tr class="table-row">
          <td> PHP</td>
          <td>1</td>
        </tr>

      </table>
        <ul>
          <li><span class="hobby">Painting</span>: I love to create art with acrylic paint, resin and mixed media </li>
          <li><span class="hobby">Crafting</span>: current project - handcrafting natural looking flowers with cardstock paper and resin creating a glass like finish </li>
          <li><span class="hobby">Music</span>: I am a music lover of all genres. My favorite instrument is the acoustic guitar, I love to play the guitar as well. </li>
          <li><span class="hobby">Reading</span>: I love reading books that draw inspiration, personal growth and development. </li>
        </ul>
  </div>
        <!-- This is the footer -->
        <!-- The footer goes inside the body but not always -->
        <footer>
            <hr> <!-- defines a thematic change in content -->
             CST336 Internet Programming. 2019&copy Raya <br/>
             <strong>Disclaimer:</strong> The information in this webpage is fictitous.It is used for academic purpposes only.
           <div>
              <img src="img/csumb.png" alt="Logo of CSUMB"/>
          </div>

        </footer>
        <!-- closing footer -->

    </body>
    <!-- closing body -->

</html>