-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
150 lines (149 loc) · 6.1 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
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
148
149
150
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Angelica is a software engineer based in Connecticut. Experienced in Javascript, jQuery, and React.js. Loves dogs and collecting sneakers." />
<title>Angelica (Angie) Camacho | Software Engineer</title>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<link href="https://fonts.googleapis.com/css?family=Raleway:400,600,700|PT+Sans+Narrow:700" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
<link href="css/hamburgers.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<!-- Nav -->
<nav class="nav-home">
<div class="nav-left">
<a href="#top" class="nav-logo">AAC</a>
</div>
<div class="nav-right">
<a href="#about" class="nav-desktop">About</a>
<a href="#featured-projects" class="nav-desktop">Projects</a>
<a href="#contact" class="nav-desktop">Contact</a>
<a href="https://docs.google.com/document/d/1p46mh-ETxsmMYgRzY1581z6JbNiDD0LuPtdet4r5t10/edit?usp=sharing" target="_blank" class="nav-resume nav-desktop"><i class="fas fa-file-alt"></i> Resume</a>
<button class="hamburger hamburger--squeeze" type="button">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
<div class="nav-responsive">
<a href="#about" class="nav-desktop">About</a>
<a href="#featured-projects" class="nav-desktop">Projects</a>
<a href="#contact" class="nav-desktop">Contact</a>
<a href="https://docs.google.com/document/d/1p46mh-ETxsmMYgRzY1581z6JbNiDD0LuPtdet4r5t10/edit?usp=sharing" target="_blank">Resume</a>
<a href="https://github.com/Camacho-A" target="_blank" class="nav-contact"><i class="fab fa-github fa-lg"></i></a>
<a href="https://www.linkedin.com/in/camachoangelicaa/" target="_blank" class="nav-contact"><i class="fab fa-linkedin fa-lg"></i></a>
</div>
</nav>
<!-- Header -->
<div class="header-background">
</div>
<header id="top">
<div class="header-content">
<h1 class="header-name">Angelica<br>Camacho</h1><br>
<h4 class="header-subhead">Software Engineer</h4>
<a href="#about"><p class="green-icon"><i class="fas fa-angle-double-down"></i></p></a>
</div>
</header>
<!-- About -->
<div class="section" id="about">
<div class="flex-grid nowrap">
<div class="about-item headshot">
<img src="img/headshot.jpeg">
</div>
<div class="about-item">
<h2>I’m a software engineer with a deep appreciation for creative solutions.</h2>
<hr>
<p>I am a Senior Manager at a digitizing company, responsible for day to day operations and approximately 50 employees. I am a highly detail oriented person. I look forward to implementing what I know to address quality control for products or processes. Utilizing my growth mindset and applying it to both staff and my own practices allows me to develop and implement creative solutions to ensure consistency and superior outcomes. My belief in training staff in different roles & collaborative approach yield confident and capable teams who are able to integrate their roles and responsibility seamlessly.</p>
</div>
</div>
<div class="arrow-right">
</div>
<!-- Skills -->
<div class="flex-grid nowrap skills">
<div class="about-item skills">
<h5>Frontend</h5>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
<li>React.js</li>
</ul>
</div>
<div class="about-item skills">
<h5>Backend</h5>
<ul>
<li>Node.js</li>
<li>Express.js</li>
<li>PostgreSQL</li>
<li>MongoDB</li>
<li>Python</li>
</ul>
<br>
<h5>Version Control</h5>
<ul>
<li>Git / Github</li>
</ul>
</div>
<div class="about-item skills">
<h5>Team Management</h5>
<ul>
<li>Timeline Management</li>
<li>Trello</li>
</ul>
<br>
<h5>Design Tools</h5>
<ul>
<li>Wireframe</li>
<li>Mural</li>
</ul>
</div>
</div>
</div>
<!-- Projects -->
<div class="section" id="featured-projects">
<h2>Featured Projects</h2>
<hr>
<div class="flex-grid">
<div class="portfolio-item sneaker"><a href="sneakerevolution.html" alt="SneakeRevolution"></a>
<div class="portfolio-text">
<h3>SneakeRevolution</h3>
<h5>Express | MongoDB | Node</h5>
</div>
</div>
<div class="portfolio-item dotbeats">
<a href="dotbeats.html" alt="Music Beats"></a>
<div class="portfolio-text">
<h3>dotBEATs</h3>
<h5>React | MongoDB | Node | Express</h5>
</div>
</div>
<div class="portfolio-item blackjack">
<a href="blackjack.html" alt="BlackJack"></a>
<div class="portfolio-text">
<h3>Blackjack The Game (21)</h3>
<h5>HTML | CSS | JavaScript | jQuery</h5>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer id="contact">
<div class="footer-content">
<h4>Let's get in touch.</h4>
<p><a href="https://github.com/Camacho-A" target="_blank"><i class="fab fa-github fa-lg"></i> <span class="icon-label">Camacho-A</span></a></p>
<p><a href="https://www.linkedin.com/in/camachoangelicaa/" target="_blank"><i class="fab fa-linkedin fa-lg"></i> <span class="icon-label">camachoangelicaa</span></a></p>
<p><a href="mailto:[email protected]"><i class="fas fa-envelope fa-lg"></i> <span class="icon-label">[email protected]</span></a></p>
<p><a href="https://docs.google.com/document/d/1p46mh-ETxsmMYgRzY1581z6JbNiDD0LuPtdet4r5t10/edit?usp=sharing" target="_blank"><i class="fas fa-file-alt fa-lg"></i> <span class="icon-label">Download Resume</span></a></p>
</div>
</footer>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="js/script.js" type="text/javascript"></script>
</body>
</html>