-
Notifications
You must be signed in to change notification settings - Fork 0
/
service.html
69 lines (66 loc) · 4.16 KB
/
service.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
<!DOCTYPE html>
<html>
<head>
<title>Service Section</title>
<link id="mainstylesheet" rel="stylesheet" href="stylesheet.css" />
</head>
<body class="background" id="background-id">
<!--Here are all the links to pages I need for the project-->
<div class="background-overlay" id="overlay">
<div class="navbar">
<a href="index.html">Home</a>
<a href="portfolio.html">Portfolio</a>
<a href="qualifications.html">Qualifications</a>
<a href="service.html"><strong>Service</strong></a>
<a href="ai.html">AI Generated Page</a>
<button onclick="toggleStyleSheet()" type="button"> Toggle Style </button>
<!--adding toggle button so that we can switch between the styles-->
</div>
<div class="page-body" id="servicepage">
<!--SERVICE SECTION!!!-->
<div class="main" id="service-main">
<header>
<h1>Service</h1>
</header>
<div class="side-by-side">
<!--I would like to divide this up into 2 sections-->
<a class="selection" id="past-serv" href="#">Past</a>
<a class="selection" id="opps" href="#">Opportunities</a>
<!-- PAST SERVICE and some of my FAVORITE ORGANIZATIONS-->
<div class="info" id="service-past">
<h2>My Past Service Opportunities</h2>
<h3>Interact Club</h3>
<h4>As a part of the Interact Club,I have participated in events such as organizing sports days for underpriveleged kids, clothes and book donations, as well as bake sales to raise money.</h4>
<h3>Big Event</h3>
<h4>As a part of Texas A&M University's Big Event, I have been able to go to houses in the Bryan area and help out with yardwork or even within the house for families that need the assistance.</h4>
</div>
<div class="info" id="service-opps">
<h2>My Favorite Organizations</h2>
<h3>Here are some of my favorite organizations</h3>
<b><u><a href="https://www.rotary.org/en/get-involved/interact-clubs" target="_blank">Interact Club</a></b></u>
<h4>This is an international organization that organizes all sorts of events, including ones that I mentioned in my past service,
but they focus on providing the underpriveleged with different resources and social environments, depending on their need.
</h4>
<b><u><a href="https://bigevent.tamu.edu/" target="_blank">Big Event</a></u></b>
<h4>The Big Event works with TAMU students to help families in Bryan with assistance around the house.</h4>
<b><u><a href="https://girlswhocode.com/" target="_blank">Girls Who Code</a></u></b>
<h4>As a part of AWiCS, I have done workshops in the Bryan area with Girls Who Code.
This organization aims to help young girls looking to enter the world of tech with additional assistance
in finding their community, and leveling out the playing field with some additional technical skills.
</h4>
</div>
<!--We have 3 links on this page-->
</div>
<div class="footer">
<!--linkedin info again-->
<a id="Linkedin" href="https://www.linkedin.com/in/nishka-mittal" target="_blank">
</a>
</div>
</div>
</div>
<!--links to toggle stuff again-->
</div>
<script src="toggle.js"></script>
<script src="changeservice.js"></script>
</body>
</html>