-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (91 loc) · 5.03 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
<!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">
<h1 class="title font">Welcome to my website!</h1>
<div class="right-line"></div>
<h2 class="header2 font">Introduction</h2>
<p class="intro font">
Hello, world! My name is Andy Martinez. This website was created as part of my introductory Computer Science class
(CS50). CS50 is Harvard University's introduction to the intellectual enterprises of computer science and the art
of programming, this week's problem set involved creating a website on our own. This is that website and below,
I will be helping you navigate the website.
</p>
<h2 class="header2 font">
Tour
</h2>
<p class="intro font">
On the top left, you should see my website's animated logo (very proud of that) and under the logo should be a brief
list. If you click on the first item in the list it'll direct you to the home page, that's where you currently are!
You can additionally click on the logo on the top left to come back here. Under the home link, you should see "my hobbies,"
clicking on that will direct you to a page full of my non-academic interests! Futher under the hobbies tab, you will see
an about me page where, you guessed it, you can learn more about me—the creator of this website. Finally, if you
would like to contact me, click on the final item in the list, the contact me tab. If you'd like to
contact me on a specific social networking site, feel free to click on the icons on the bottom left of the screen,
they'll direct you to my profile on their corresponding logos. Below this text, you will see a some random pictures
of cute dogs. Now, please go and explore my website!
</p>
<div>
<img src="images/Dawg.jpeg" alt="image of a dog" height="300">
<img src="images/Dawg2.jpg" alt="image of another dog" height="300">
<img src="images/Dawg3.jpeg" alt="image of yet another dog" height="300">
</div>
</div>
</body>
</html>