forked from Code-the-Dream-School/intro-to-programming-star
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (99 loc) · 6.21 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
<!DOCTYPE html>
<html lang="en" class="flex-container">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title> Xotla 🌻 </title>
<link rel="stylesheet" href="css/index.css">
<!--script src="index.js"></script-->
</head>
<!--MAIN TITLE PHOTO DIV SECTION -->
<body class="body">
<div class="container-header"> <header class="header"><h1 class="main-title"> Samantha Galindo </h1> <div><img class="photo-rounded" src="sea.png" alt="Author
smiling haviing the sea in the background" height="400px" title="Sam"></div></header></div>
<!-- <header class="header"><h1 class="main-title"> Samantha Galindo </h1> <div><img class="photo-rounded" src="sea.png" alt="Author
smiling haviing the sea in the background" height="400px" title="Sam"></div></header> -->
<!--TOP NAVIGATION SECTION -->
<ul class="top-navigation-container">
<li class="menu button-about"> <a class="menuStyle" href="#about"> About </a> </li>
<li class="menu button-about"> <a class="menuStyle" href="#experience"> Experience</a> </li>
<li class="menu button-about"> <a class="menuStyle" href="#skills"> Skills</a> </li>
<li class="menu button-about"> <a class="menuStyle" href="#projects"> Projects</a> </li>
<li class="menu button-about"> <a class="menuStyle" href="#messages"> Leave a Msg</a> </li>
</ul>
<!-- <hr class=line> Not adding it as it breaks the smoothness of the image-->
<!--ABOUT SECTION -->
<section id="about" class="sections">
<h1 class="other-headers about-style">About</h1>
</section>
<ul class="ul content"><p class="p about-paragraph">Hi there! My name is Samantha Galindo, I am a developer living in North Carolina.
I am the parent of an amazing 6 year old kid and a dramatic chihuahua. I love dancing, making art, going on hikes, and spending time with family and friends.
I work at an Elementary and Middle School as the Tecnology Director Assitant, I am in charge of helping facilitate access to devices and educational
platforms for students, teachers and parents. I am passionate about learning new things, personal development and my community.</p></ul>
<!--EXPERIENCE SECTION -->
<section id="experience" class="sections">
<h1 class="other-headers">Experience</h1>
</section>
<ul class="experience-container content">
<li class="experience-items item1 items">Office Assistant at Maureen Joy Charter School
<li class="experience-items item1 items experience-date">Sept 2018 - Mar 2020</li></li>
<li class= "experience-items item2 items">Digital Visual NoteTaker Freelancer
<li class="experience-items item2 items experience-date">Jan 2019 - Present</li></li>
<li class="experience-items item3 items">Technology Director Assistant at Maureen Joy Charter School
<li class="experience-items item3 items experience-date">Mar 2020 - Present</li></li>
</ul>
<!--SKILLS SECTION -->
<section id="skills" class="sections section-skills">
<h2 class="other-headers skills-spacing">Skills</h2>
<ul class="ul list-styles content skills-container"> </ul>
</section>
<!--PROJECTS SECTION -->
<section id="projects">
<h2 class="other-headers projTitle"> Projects </h2>
<ul class="containerProjects">
</ul>
</section>
<!-- <script>
document.getElementsByClassName("projectos").innerHTML = `<a href=${projectLink}> ${project} </a>`;
</script> -->
<!--LEAVE MESSAGE SECTION -->
<!-- <h2 class="other-headers">Leave a Message ☺</h2> -->
<section class="msgContainer">
<div class="secondContainer">
<!-- <h2>Leave a Message ☺</h2> -->
<h2>Leave a Message ☺</h2>
<form class="form" name="leave_message">
<label class="label-msg" for="label_name"> Name</label> <br>
<input class="input-msg" type="text" id="label_name" name="name" required="true" placeholder="Name"> <br>
<label class="label-msg" for='label_email'> Email Address</label> <br>
<input class="input-msg" type="email" id="label_email" name="email" required="true" placeholder="Email"> <br>
<label class="label-msg" for="message_area"> Message</label> <br>
<textarea class="textArea" id="message_area" name="message" required="true" placeholder="Your lovely message"> </textarea> <br>
<button class="btn" type="submit">Submit</button><br>
</form>
</div>
</section>
<!--MESSAGE DROP SECTION -->
<section id="messages" class="msgContainer">
<h2 >Messages ✉︎</h2>
<ul class="listMsg">
</ul>
</section>
<footer class="footer-flex footerInfo">
<div class="gitContainer">
<a href="https://github.com/Samgalgo" target="_blank"> <ion-icon class="ion-icon" size="large" name="logo-github"></ion-icon></a>
</div>
<div class="gitContainer">
<a href="https://www.instagram.com/azulbatallas/" target="_blank"> <ion-icon class="ion-icon" size="large" name="logo-instagram"></ion-icon></a>
</div>
<div class="gitContainer">
<a href="https://www.linkedin.com/in/samantha-gal-gomez-002140228/" target="_blank"> <ion-icon class="ion-icon" size="large" name="logo-linkedin"></ion-icon></a>
</div>
</footer>
<!--JS SECTION -->
<script src="js/index.js" > </script>
<!-- Link for insta logo -->
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</body>
</html>