-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
124 lines (116 loc) · 5.98 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
---
layout: default
---
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>IEEE-HKN NUS</h2>
<p>Lambda Omega<br />
a Chapter of <a href="https://hkn.ieee.org/" rel="noopener">IEEE Eta Kappa Nu</a></p>
<ul class="actions special">
<li><a href="{% link about.html %}" class="button primary">About</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">Learn More</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<img src="/images/hkn_key_chapter_logo.png" alt="HKN IEEE" height="300">
<br><br>
<header class="major">
<h2>Excellence in the profession and in education</h2>
<p align="justify">Founded on 28 October 1904 for students of electrical engineering, <a href="https://hkn.ieee.org/"><b>IEEE Eta Kappa Nu (IEEE-HKN)</b></a> is the honour society of IEEE that strives to promote excellence in the profession and in education among its student members through developing the 3 ideals of <a href="#scholarship" class="more scrolly"><b>Scholarship</b></a>, <a href="#character" class="more scrolly"><b>Character</b></a>, and <a href="#attitude" class="more scrolly"><b>Attitude</b></a>.</p>
</header>
<ul class="icons major">
<li><a href="#scholarship" class="more scrolly"><span class="icon fa-graduation-cap major style1"></span></a><!-- <span class="label">Scholarship</span></span> --></li>
<li><a href="#character" class="more scrolly"><span class="icon fa-user major style2"></span></a><!-- <span class="label">Character</span></span> --></li>
<li><a href="#attitude" class="more scrolly"><span class="icon fa-heart major style3"></span></a><!-- <span class="label">Attitude</span></span> --></li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section id="scholarship" class="spotlight">
<div class="image"><img src="/images/scholarship.jpg" alt="" /></div><div class="content">
<h2>Scholarship</h2>
<p>As an honour society, Eta Kappa Nu members are required to have a scholastic rank and carry with them the distinction of superior scholarship</p>
</div>
</section>
<section id="character" class="spotlight">
<div class="image"><img src="/images/character.jpg" alt="" /></div><div class="content">
<h2>Character</h2>
<p>Eta Kappa Nu members are also expected to have unimpeachable character, have the capacity and willingness for hard work and be able to work in harmony with all types of people.</p>
</div>
</section>
<section id="attitude" class="spotlight">
<div class="image"><img src="/images/peer tutoring.jpg" alt="" /></div><div class="content">
<h2>Attitude</h2>
<p>Eta Kappa Nu members must be naturally genial and should have the willingness to use their talents in service to their peers, university, and community.</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Sitemap</h2>
<p>Explore the IEEE-HKN NUS website here.</p>
</header>
<ul class="features">
<li class="icon fa-info">
<h3><a href="{% link about.html %}">About</a></h3>
<p>Learn more about IEEE-HKN and about the Lambda Omega Chapter.</p>
</li>
<li class="icon fa-newspaper-o">
<h3><a href="https://nus-ieee-hkn.github.io/news/">News</a></h3>
<p>Read more about the latest initiatives started by IEEE-HKN NUS and stay updated with upcoming events.</p>
</li>
<li class="icon fa-book">
<h3><a href="{% link resources.html %}">Resources</a></h3>
<p>Need help? Look no further! Browse through the resources our members have curated for various modules offered by NUS Electrical Engineering department.</p>
</li>
<li class="icon fa-user-secret">
<h3><a href="{% link committee.html %}">Committee</a></h3>
<p>Meet the people who spearhead the various initiatives lauched by IEEE-HKN NUS.</p>
</li>
<li class="icon fa-users">
<h3><a href="{% link members.html %}">Members</a></h3>
<p>Interested in finding out who are in IEEE-HKN NUS? View all members.</p>
</li>
<li class="icon fa-envelope-o">
<h3><a href="{% link contactus.html %}">Contact Us</a></h3>
<p>Have a question? Feel free to reach out to us!</p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Having troubles with your studies?</h2>
<p>IEEE-HKN NUS has online resources prepared by our members who have gone through the same course as you for you to refer to. We also have a peer tutoring scheme.</p>
</header>
<ul class="actions stacked">
<li><a href="{% link resources.html %}" class="button fit primary">Resources</a></li>
<li><a href="{% link contactus.html %}" class="button fit">Contact Us</a></li>
</ul>
</div>
</section>
<!-- Mailing List -->
<section id="mail" class="wrapper style6 special">
<div class="inner">
<header class="major">
<h2>Subscribe to our Newsletter!</h2>
</header>
<!-- With reference from https://medium.com/@davideiaiunese/the-problem-why-a-newsletter-baae4409a526 -->
<!-- This can be configured via Google FeedBurner -->
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=IEEE-HKNNUS', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p>Enter your email address:</p>
<p><input type="text" style="text-align:center;" name="email"/></p>
<input type="hidden" value="IEEE-HKNNUS" name="uri"/><input type="hidden" name="loc" value="en_US"/><input type="submit" value="Subscribe" />
<p>Delivered by <a href="https://feedburner.google.com" target="_blank" rel="noopener">FeedBurner</a></p>
</form>
</div>
</section>