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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147<!DOCTYPE html>
<html>
<head>
<title>Hacks Inc.</title>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-70976350-1', 'auto');
ga('send', 'pageview');
</script>
<style>
* {
margin: 0;
padding: 0;
}
#header {
height: 75px;
background: black;
}
#header h1 {
padding-top: 35px;
text-align: right;
font-size: 35px;
color: lawngreen;
}
#header h1 a {
text-decoration: none;
color: #99ff99;
background: black;
}
#main-nav {
background: lightblue;
height: 41px;
padding-bottom: 6px;
}
#list {
padding-top: 18px;
float: right;
}
#list li {
display: inline;
}
#list li a {
background: orange;
border-radius: 9px 9px 0px 0px;
padding: 8px;
color: white;
text-decoration: none;
font-size: 18px;
}
#list li a:hover {
background: blue;
}
#content {
height: 500px;
width: 1090px;
margin: auto;
//background: green;
//clear: both;
padding-top: 25px;
//text-align: left;
font-size: 20px;
}
.indent {
text-indent: 50px;
}
#footer {
height: 75px;
//background: purple;
border-top: 1px solid lightgrey;
text-align: center;
padding: 5px;
color: lightgrey;
}
#footer a {
color: lightgrey;
}
#footer a:hover {
color: orange;
}
</style>
</head>
<body>
<div id="header">
<h1><a href="http://thetapc.github.io/">Hacks Incorporated</a></h1>
</div>
<div id="main-nav">
<ul id="list">
<li><a href="http://thetapc.github.io/Spring2015/spring2015.html">Spring 2015</a></li>
<li><a href="http://thetapc.github.io/Summer2015/summer2015.html">Summer 2015</a></li>
<li><a href="http://thetapc.github.io/Fall2015/fall2015.html">Fall 2015</a></li>
</ul>
</div>
<div id="content">
<div class="class">
<div class="indent">
<p1>Welcome to my portfolio!!! First thing first, who am I?</p1>
</div>
<br>
<div class="indent">
<p2>My name is Maria Loza, currently working towards a Computer Science bachelor's degree. I am a Modesto Junior College student. After many semesters, I am finally able to transfer to a four year university next year. I have submitted my applications and now I'm playing the waiting game. Speaking of games. I am a big fan of video games, therefore, my goal is to become a video game developer for Rooster Teeth.</p2>
</div>
<div class="indent">
<p3>Over the past months, I have started building experience when it comes to programming languages (Visual Basic, C++, Bash, and JavaScript). This webpage is even the first page that I've been able to create without feeling completely lost. Another first this fall of 2015, I have became familiar with Linux.</p3>
</div>
<br>
<div class="indent">
<p4>Projects will be displayed under the upper right tab under the site name.</p4>
</div>
</div>
</div>
<div id="footer">
<a href="http://thetapc.github.io/Footer/Services.html">Services</a> -
<a href="http://thetapc.github.io/Footer/Resume.html">Resume</a> -
<a href="http://thetapc.github.io/Footer/Contact.html">Contact Me</a>
</div>
</body>
</html>