-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
98 lines (98 loc) · 4.92 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Nicholas Bittar</title>
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="img/favicon.ico?v=1.0">
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script src="js/imgEnlarge.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="main-wrapper">
<div id="header">
<img class="shadow center round" id="profile-picture" title="Nicholas Bittar" src="img/face-square.jpg" />
<br>
<h1 class="center">Nicholas Bittar</h1>
<h4 class="center">
<a href="tel:12038931994" title="Call">(203) 893-1994</a> ♦
<a href="mailto:[email protected]" title="Email">[email protected]</a> ♦
<a href="res/Nicholas-Bittar-Resume.pdf" title="Résumé" target="_blank">Résumé</a>
</h4>
</div>
<div class="divider"></div>
<div id="content">
<div>
<h2 class="section">About Me</h2>
<p>I have been very interested in computers since I was young. My passion has grown exponentially since then as I finish my time studying computer science at a university. I regularly spend my free time reading about new and upcoming technologies. I like to be informed about many different areas of computer science from cryptology to software design, web based projects to computer architecture, I appreciate most topics related to computers.</p>
</div>
<div class="sec-divider"></div>
<div>
<h2 class="section">Education</h2>
<p>I will be graduating in May of 2016 from Southern Connecticut State University with a Bachelor's degree in Computer Science and a minor in mathematics.</p>
</div>
<div class="sec-divider"></div>
<div>
<h2 class="section">Experience</h2>
<p>I work as an IT Technician and one of my main roles is automating tasks and roles throughout the office and help employees with their technological problems.</p>
</div>
<div class="sec-divider"></div>
<h2 class="section">Skill Set</h2>
<div class="skill-title">
Programming Languages:
</div>
<div class="skills">
Java, C#, PHP
</div>
<div class="skill-title">
Scripting Languages:
</div>
<div class="skills">
JavaScript, LUA
</div>
<div class="skill-title">
Markup Languages:
</div>
<div class="skills">
HTML, CSS
</div>
<div class="skill-title">
Databases:
</div>
<div class="skills">
SQL, MS Access
</div>
<div class="divider"></div>
<div>
<h2 class="section">Projects</h2>
<h3 class="project-title">3-D Graphics Engine</h3>
<img class="project-img" src="img/3dgraphics.png" title="Click to resize" onclick="enlarge(this)" />
<p>In CSC 443 - Computer Graphics I created my own 3-D graphics engine from scratch for my final project. It was written in Java and was able to display a rotating 3-D object's (such as a cube) wireframe and faces and I also applied Phong's lighting equation to the model to simulate a light source.</p>
<br>
<h3 class="project-title">Tic-Tac-Toe</h3>
<img class="project-img" src="img/tictactoe.png" title="Click to resize" onclick="enlarge(this)" />
<p>In my free time, for practice, I coded the classic game Tic-Tac-Toe in Java. It uses graphics and images I created for it to make the interface instead of using Java's provided elements such as JButtons.</p>
<br>
<h3 class="project-title">Connect Four</h3>
<img class="project-img" src="img/connectfour.png" title="Click to resize" onclick="enlarge(this)" />
<p>I also created Connect Four in Java, created similarily to my Tic-Tac-Toe game featured hand made graphics and interface elements. The most difficult part of coding this game was coding the check if a player has won.</p>
</div>
</div>
<div class="divider"></div>
<div id="footer">
<div id="footer-content">
Nicholas Bittar
<div id="icon-bar">
<a class="interactive" title="Cell" href="tel:12038931994"><img src="img/ico-tel.png" /></a>
<a class="interactive" title="Email" href="mailto:[email protected]"><img src="img/ico-em.png" /></a>
<a class="interactive" title="LinkedIn" href="https://www.linkedin.com/in/NicholasBittar"><img src="img/ico-li.png" /></a>
<a class="interactive" title="GitHub" href="https://github.com/NickBittar"><img src="img/ico-gh.png" /></a>
<a class="interactive" title="Twitter" href="https://twitter.com/NicholasBittar"><img src="img/ico-tw.png" /></a>
<a class="interactive" title="Google+" href="https://plus.google.com/u/0/109503960387645872746/about"><img src="img/ico-g+.png" /></a>
</div>
</div>
</div>
</div>
</body>
</html>