2022TTP-Application-Project/index.html at main · alessandra-s/2022TTP-Application-Project · 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
122
123
124
125
126
127
128
129
130
<!DOCTYPE HTML>

<!--full disclosure: I did find this website layout online (check copyright section for more information)-->
<!--I did edit parts of the html, css and js files to learn more though-->
<html>
<head>
	<title>Alessandra Serrano Portfolio</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">

	<!-- Wrapper -->
	<div id="wrapper">

		<!-- Header -->
		<header id="header" class="alt">

			<h1>Alessandra Serrano</h1>
			<p>
				Applied Mathematics Student at John Jay College that believes data analysis is today's form of storytelling <br />

			</p>
		</header>

		<!-- Nav -->
		<nav id="nav">
			<ul>
				<li><a href="#intro" class="active">Introduction</a></li>
				<li><a href="generic.html">Resume</a></li>
			</ul>
		</nav>

		<!-- Main -->
		<div id="main">

			<!-- Introduction -->
			<section id="intro" class="main">
				<div class="spotlight">
					<div class="content">
						<header class="major">
							<head>

								<style>
									body {
										margin: 20px;
										text-align: center;
									}


									img {
										float: left;
										margin: 5px;
									}

									p {
										text-align: justify;
										font-size: 20px;
									}
								</style>
							</head>
							<span class="me"><img src="images/myself.jpeg" alt="picture of myself" /></span>
							<h4>
								<b>
									“For me, it matters that we drive technology as an equalizing force,<br />
									as an enabler for everyone around the world.” – Sundar Pichai, CEO of Google
								</b>
							</h4>
						</header>
						<p>
							Born and raised in New York City, I’m forever learning, whether it be in the classroom<br />
							or from my environment. I hold an associate degree in Computer Science and will be <br />
							completing my bachelor's degree in Applied Mathematics with a concentration in <br />
							Data Science by Summer 2022. I’m passionate about tackling abstract problems through <br />
							data analytics. My personal ethos when it comes to exploring the constant evolving <br />
							world of technology is to learn skills across the spectrum. Beyond data science, I also <br />
							dabble in web development, smart contracts used for blockchains and network security.<br /><br />
							In my downtime you can find me running through the boroughs training for my next race.<br />
							I love long distance running, yoga and other forms of exercising. Also, I enjoy painting <br />
							and cooking.<br />


						</p>
						<ul class="actions">
							<li><a href="generic.html" class="button">Learn More</a></li>
						</ul>
					</div>

				</div>


				<ul class="icons"
					<li><a href="mailto: Alessandra.Serrano@jjay.cuny.edu">Send Email</a></li><br />
					<li><a href="https://www.linkedin.com/in/alessandra-serrano-1923321a4/" class="icon brands fa-linkedin alt"><span class="label">Linkedin</span></a></li>
					<li><a href="https://github.com/alessandra-s" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li></br</br>

				</ul>
			</section>


		</div>

		<!-- Footer -->
		<footer id="footer">
			<!--copyright section-->
			<div>
				<p class="copyright">
					&copy; built by <a href="https://twitter.com/ajlkn">@ajlkn</a> for <a href="https://html5up.net">HTML5 UP</a>
					<br />All rights reserved
				</p>
			</div>

	</div>
	</footer>


	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.scrollex.min.js"></script>
	<script src="assets/js/jquery.scrolly.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>
</html>