MyPortfolio/project1.html at main · NereidaRondon/MyPortfolio · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Nereida Rondon">
    <meta name="description" content="Nereida Rondon Project">

    <title>Chrome Extension Project</title>

		<link rel="icon" type="image" href="/images/My logo.svg">
		<link rel="stylesheet" href="source/styles.css">
		<link rel="stylesheet" href="source/buttons.css">

	<!--Googlefont info-->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Barlow+Condensed&family=Zilla+Slab&display=swap" rel="stylesheet">

	<!-- Font Awesome Icons -->
	<link href="/fontAwesome/css/all.css" rel="stylesheet">

  </head>
  <body id="top" class="gradient">
	<!-----------------HEADER--------------------->
	<header class="banner-container" role="banner">

    <div class="item1">
			<a class= "home-link" href="index.html"><img class="signature" src="images/My logo.svg" width="75" alt="Nereida Rondon Home link"></a>
		</div>

		<div class="item2"></div>

		<div class="item3">
			<ul>
				<li><a class='icon-link' href="mailto:Nereida.Rondon5@gmail.com" aria-label="Email icon"><abbr title="Email"><i role="img" class="fa-regular fa-envelope fa-beat"></i></abbr></a></li>

				<li><a class='icon-link' href="https://www.linkedin.com/in/nereida-rondon-65403a22b/" aria-label="Linked In icon" target="_blank"><abbr title="Linked in" ><i role="img" class="fa-brands fa-linkedin-in fa-beat"></i></a></li>

				<li><a class='icon-link' href="https://github.com/NereidaRondon" aria-label="Github icon" target="_blank"><abbr title="Github"><i role="img" class="fa-brands fa-github fa-beat"></i></abbr></a></li>
   	  		</ul>
		</div>
	</header>


<!--------------------COLORFUL BAR------------------------------>
	<div class="banner-div"></div>
<!-------------------------------------------------------------->

<h1 class="title">Chrome Extension</h1>

<div class="chrome-vid-container">
	<div class="project-page">
		<video class="chrome-vid" width="900" height="600" controls autoplay muted>
			<source src="videos/My Resources Chrome Extension.mkv" type="video/mp4">

			Your browser does not support this video format.
    </video>
	</div>
</div>

<div class="space"></div>
	<div class="footer">
		<footer>Created by Nereida Rondon ©️2022</footer>
	</div>
</body>
</html>