-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
149 lines (134 loc) · 7.35 KB
/
index.html
File metadata and controls
149 lines (134 loc) · 7.35 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<title>Your Portfolio</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section id="intro">
<div class="video-box">
<iframe width="560" height="315" src="https://www.youtube.com/embed/7Oa-GtZE9tE?si=C-BKsyHCDYlBrhPE?autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</iframe>
</div>
<div class="profile-pic">
<img src="images/photo_2022-10-25 16.56.14.jpeg" alt="Your Profile Picture">
</div>
<div class="intro-content">
<h1>Hello, I'm Danish!</h1>
<p>SMU Computing Undergraduate</p>
<div class="social-icons">
<a href="#" target="_blank"><i class="fab fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fab fa-twitter"></i></a>
<a href="#" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</div>
</section>
<section id="about">
<h2>About Me</h2>
<div class="about-content">
<p>Hello, and welcome to my corner of the internet! I'm Danish, and I'm thrilled to have you here. Let me take a moment to introduce myself.</p>
<p>I'm a 22-year-old Singapore Management University undergraduate pursuing a computing degree. I have a deep passion for music and percussion, which have been an integral part of my SMU life thus far. Whether it's skating, community service, or computing, you'll often find me immersed in these pursuits during my free time.</p>
<p>Education is another cornerstone of my life. Learning is a lifelong endeavor for me, and I'm always eager to explore new ideas and expand my horizons.</p>
<p>I believe in the power of giving back to the community, and I'm committed to making a positive impact in my community and beyond. Whether through volunteering, advocacy, or others, I'm always eager to give back and contribute to the betterment of society.</p>
</div>
</section>
<section id="portfolio">
<div class="portfolio-section">
<h2>Portfolio</h2>
<div class="portfolio-item">
<h3>Education</h3>
<p>Singapore Management University</p>
<p>BSc, Information Systems (expected)</p>
<p>Aug 2022 – May 2026</p>
</div>
<div class="portfolio-item">
<h3>Experience</h3>
<div class="experience">
<h4>Jurong Community Youth Enriching Lives</h4>
<p>Youth Mentor</p>
<p>Dec 2021 - Present</p>
<ul>
<li>Mentored and guided youth participants, facilitating team-building activities and group discussions.</li>
<li>Encouraged a mentee to become more engaged, resulting in a 25% increase in their program participation.</li>
<li>Assisted with program planning and implementation, collaborating with staff and volunteers to ensure success.</li>
<li>Developed strong communication, leadership, and problem-solving skills in a youth mentorship role.</li>
</ul>
</div>
<div class="experience">
<h4>Singapore Armed Forces</h4>
<p>Section Commander</p>
<p>Jan 2019 – Nov 2021</p>
<ul>
<li>Led a 7-troop section in daily operations, training exercises, and successful completion of tasks.</li>
<li>Trained and supervised section members, promoting professional development and team cohesion.</li>
<li>Coordinated with higher-ranking officers and other section leaders for seamless integration and coordination of activities.</li>
<li>Demonstrated strong leadership, communication, and decision-making skills in a high-pressure environment.</li>
<li>Assisted in National Parade 2021 under 41SAR Battalion.</li>
</ul>
</div>
</div>
<div class="portfolio-item">
<h3>Co-Curricular Activities</h3>
<div class="activity">
<h4>Assistant General Secretary, SMU Muslim Society</h4>
<p>Jan 2023 – Present</p>
<ul>
<li>Worked alongside the Honorary General Secretary in managing the organization's administrative and operational tasks.</li>
<li>Coordinated the administration of various events, including seminars, talks, and community service projects.</li>
<li>Maintained records and communication channels with members and stakeholders to ensure effective communication and engagement.</li>
</ul>
</div>
<div class="activity">
<h4>Leo Club Member</h4>
<p>Jan 2018 – Aug 2019</p>
<ul>
<li>Participated in social service activities to support the organization's mission of promoting responsible citizenship and community involvement.</li>
<li>Coordinated with local schools to provide educational and mentorship programs to at-risk youth.</li>
</ul>
</div>
</div>
<div class="portfolio-item">
<h3>Awards</h3>
<div class="award">
<h4>Singapore Armed Forces</h4>
<ul>
<li>Conferred the Regimental Sergeant Major Coin (Awarded to overall best in 41SAR Battalion)</li>
<li>Conferred the Best Section Commander of the Month award (Aug 2021)</li>
</ul>
</div>
<div class="award">
<h4>Leo Club</h4>
<ul>
<li>Lions Young Leaders in Service Award (2019)</li>
</ul>
</div>
</div>
<div class="portfolio-item">
<h3>Skills & Interests</h3>
<p>Software/IT skills: Python, HTML, JavaScript, CSS, Microsoft Excel</p>
<p>Language fluency: Effectively bilingual in English and Malay. (Excellent verbal and writing proficiency)</p>
</div>
</div>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Contact information and form go here.</p>
</section>
<footer>
<p>© 2023 Your Name</p>
</footer>
</body>
</html>