cv/index.html at main · CascadeColin/cv · 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!-- github.com/nwinkler/atom-keyboard-shortcuts to learn keyboard shortcuts-->
<!-- docs.emmet.io/cheat-sheet/ shows all the emmet shortcuts and
what they write into the code -->

<!DOCTYPE html>
<!-- indicates that this is a HTML5 document-->
<html lang="en" dir="ltr">
<!-- tells me that this is HTML code using a head and body -->

<head>
  <meta charset="utf-8">
  <!-- meta gives more metadata to html document.
    This one is telling my website to use UTF-8
    UTF-8 contains ALL characters and emojis and should be my default -->
  <title>Colin's personal website</title>
  <!-- title is the text that goes into the tab heading on browser -->
</head>

<body>
  <table>
    <tr>
      <td><img src="Colin.jpg" alt="Profile Picture Goes Here"></td>
      <td>
        <h1>Colin Marshall</h1>
        <p><em>Former hotel manager and customer service specialist. <strong>Student of code.</strong></em></p>
        <!-- p is for paragraph to enter text.  em puts emphasis (formated as italics)
        and strong (formated as bold) -->
        <p>I am a former hospitality specialist that is transitioning to a technology career.
          My goal is to learn front-end development (web and/or app)
          in order to serve the needs of customers.</p>
      </td>
    </tr>
  </table>
  <hr size"3" noshade>
  <h3>Education</h3>
  <ul>
    <li>Bachelors Degree in Hospitality Management from University of Nevada Las Vegas</li>
    <li>The Complete 2022 Web Development Bootcamp from Udemy</li>
  </ul>
  <hr>
  <h3>Hobbies & Interests</h3>
  <ol>
    <li>Hiking and camping</li>
    <li>Skiing</li>
    <li>Retro video games</li>
    <li>Meditation and spirituality</li>
    <li>Continuous growth and development</li>
    <li>Futurism</li>
    <li>Government administration and urban planning</li>
  </ol>
  <hr>
  <!--Next 2 sections shows two different ways to make tables-->
  <h3>Work Experience</h3>
  <table cellspacing="10">
    <thead>
      <tr>
        <th>Dates</th>
        <th>Work</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>2016-Present</td>
        <td>Food Delivery</td>
      </tr>
      <tr>
        <td>2020-2021</td>
        <td>Supervisor at The Alexis Hotel</td>
      </tr>
      <tr>
        <td>2019-2020</td>
        <td>Operations Intern at The Lexington Hotel</td>
      </tr>
    </tbody>
  </table>
  <hr>
  <!--This is the 2nd table.  Edited out of live code but left as an example-->
  <!--<table>
    <tr>
      <td>2016-Present</td>
      <td>Food Delivery</td>
    </tr>
    <tr>
      <td>2020-2021</td>
      <td>Supervisory at The Alexis Hotel</td>
    </tr>
    <tr>
      <td>2019-2020</td>
      <td>Operations Intern at The Lexington Hotel</td>
    </tr>
  </table> -->
  <h3>Skills</h3>
  <!-- Use Win+. to pull up emojis -->
  <table cellspace="10">
    <thead>
      <tr>
        <th>Skill</th>
        <th>Proficiency</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>HTML</td>
        <td>&#11088;</td>
      </tr>
      <tr>
        <td>CSS</td>
        <td>&#10005;</td>
      </tr>
      <tr>
        <td>JavaScript</td>
        <td>&#10005;</td>
      </tr>
    </tbody>
  </table>
  <hr>
<h3>About Me</h3>
<a href="contact-me.html">Contact Information</a>
</body>

</html>