-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
125 lines (124 loc) · 7.2 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link href="styles.css" rel="stylesheet">
<title>My Homepage</title>
</head>
<body>
<div class="row background-black">
<div class="sticky col-seg sidebar background-black">
<a href="index.html">
<video autoplay loop muted width="90%" class="pic-center">
<source src="images/Logo.mp4" type="video/mp4">
</video>
</a>
<div class="line"></div>
<ul class="white font sidelinks lower">
<li>
<a href="index.html">Home</a>
</li>
<li>
<a href="hobbies.html">Hobbies</a>
</li>
<li>
<a href="about.html">About me</a>
</li>
<li>
<a href="contact.html">Contact me</a>
</li>
</ul>
</div>
<div class="col-seg">
<ol class="bottom">
<li class="in-line">
<a href="https://www.instagram.com/_andy.martinez_/">
<img src="images/Instagram.png" alt="instagram logo" width="30">
</a>
</li>
<li class="in-line">
<a href="https://www.linkedin.com/in/amharvard/">
<img src="images/Linkedin.png" alt="linked in logo" width="30">
</a>
</li>
<li class="in-line">
<a href="https://twitter.com/AndyMar50887285">
<img src="images/Twitter.png" alt="twitter logo" width="30">
</a>
</li>
<li class="in-line">
<a href="https://github.com/Martinez-andy">
<img src="images/Github.png" alt="github logo" width="30">
</a>
</li>
</ol>
</div>
</div>
<div class="line"></div>
<div class="main">
<div class="row">
<div class="col1">
<img src="images/profile.JPEG" alt="An image of Andy Martinez" class="circle pic-center">
<h1 class="font centered about bold">About me</h1>
</div>
<div class="black col2 down font medium">
<p>
Hey there! My name is Andy Martinez and I am a student at Harvard College, class of 2025. I am pursuing a double-concentration
in Economics and Computer Science. I love economics for its pragmatism and computer science for its beauty.
With the art of programming, I can build the unfathomable, contrained only by my wits. On the other hand,
I can use economics as a mental filter. Any time I have to make a decision, I will be looking at the problem through
the economic lens of cost-benefit analysis. I also have a fervent passion for Mathematics and am toying with
the idea of possibly pursuing further educaiton in the field of Math. To learn more about me beyond my academic
passions, please, read on.
</div>
</div>
</div>
<div class="right-line"></div>
<div class="row">
<div id="carouselExampleIndicators" class="carousel col move main slide" data-bs-ride="true">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="3" aria-label="Slide 4"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/young.jpg" alt="A picture of Young Andy" width="225" class="pic-center">
</div>
<div class="carousel-item">
<img src="images/valdo.JPG" alt="A picture of Andy Martinez from graduation" width="270" class="pic-center">
</div>
<div class="carousel-item">
<img src="images/visit.JPG" alt="Andy's first time visitng Haravrd" width="300" class="pic-center">
</div>
<div class="carousel-item">
<img src="images/pink.jpg" alt="Andy standing in front of pink bush" width="450" class="pic-center">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="col">
<h2 class="black font"> My Creed</h2>
<p class="black font">
I am an optimistic Nihilist. I believe that life, and the
universe have no intrinsic meaning, and that is what makes them beautiful. I believe that our
future is not predetermined, that we get to define what life means to us. I accept the fact
that we only have one life and it is this notion that drives me to live a life that will not
only leave me with a legacy, but more importantly—with no regrets. I sleep well at night knowing
that if I were to not wake up, that I fulfilled my life's goal of living a life that was meaningful
to me.
</p>
</div>
</div>
</body>
</html>