-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (164 loc) · 10 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Calendar Events</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">
<link href="https://fonts.googleapis.com/css?family=Play|Unlock" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
</head>
<body>
<div id="main">
<h1 id='slogan'>Calendar Events</h1>
<div id="header">
<h3 id="disclaimer">
<div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil doloremque officiis cupiditate sapiente consequuntur, architecto maiores modi qui esse voluptatibus illo! Unde adipisci odio alias earum repellendus beatae odit sed!Aliquid facere, unde nulla quaerat beatae vel reiciendis fugit laudantium illo consequatur, aliquam corrupti quis et ad ab at nemo veritatis incidunt? Neque, tenetur! Unde veritatis nesciunt laborum est qui!
</div>
</h3>
<div id="socmedia"><a href="https://www.facebook.com/DevLeagueHawaii/" target="_blank"><i class="fab fa-facebook-square"></i></a>
<a href="https://www.instagram.com/devleague/" target="_blank"> <i class="fab fa-instagram"></i></a>
<a href="https://twitter.com/devleaguehawaii?lang=en" target="_blank"> <i class="fab fa-twitter-square"></i></a>
<a href="https://www.yelp.com/search?find_loc=Honolulu%2C+HI" target="_blank"><i class="fab fa-yelp"></i></a>
</div>
</div>
<div class="row">
<div class="block1 col-sm-4">
<h2>January 19</h2>
<h3>Popcorn Day</h3>
<img src="https://res.cloudinary.com/garrett-brands/v1/Garrett-B2C/Categories/Garrett-Mix-" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>January 19 is Popcorn Day, a day to organize an impromptu movie night, just so that you can enjoy a tub or two of crunchy, salty and buttery popcorn. Or, if you have a sweet tooth, treat yourself to some delicious caramel popcorn.</div>
</div>
<div class="block2 col-sm-4">
<h2>February 16</h2>
<h3>Do a Grouch a Favor Day</h3>
<img src="https://pbs.twimg.com/profile_images/439462178601463808/iJTi9Tw-.png" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>Make someone’s day by doing something nice for them and getting them out of their funk. If you see someone who is grumpy, do something nice for them. Something as simple as a cheerful greeting and a smile can make someone’s day.
If you know of someone who is having a hard time, make their day by taking them out for lunch or treat them to their favorite dessert.
Be cheerful, remember happiness is contagious and your cheer may just rub off.</div>
</div>
<div class="block3 col-sm-4">
<h2>March 22</h2>
<h3>International Goof Off Day</h3>
<img src="https://s3.amazonaws.com/gigsalad_media/g/goofball_the_magician_san_francisco/52eae292b68cc.jpg" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>This unofficial holiday encourages people to take the day to relax and do unproductive and useless things. Goof the whole day off. Don't do anything that is productive or important. Spend the day online or even better switch off your computer and all your mobile devices and goof off in the outdoors.</div>
</div>
</div>
<div class="row">
<div class="block1 col-sm-4">
<h2>April 16</h2>
<h3>Wear Pajamas to Work Day</h3>
<img src="https://i.pinimg.com/736x/e0/27/c2/e027c2875d78b3c1f736cee1dc8c2d06.jpg" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>Lay aside your usual work attire and replace it with your pajamas to celebrate Wear your Pajamas to Work Day. Make sure you do inform your supervisor and your co-workers about the holiday.
Share pictures of you in your pajamas at your office desk with family and friends.</div>
</div>
<div class="block2 col-sm-4">
<h2>May 28</h2>
<h3>Hamburger Day</h3>
<img src="https://theburgerguide.com/images/burgers/700/1398488352-blacows-tokyo-japan.jpg" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>Celebrate the humble, but delicious hamburger on May 28, Hamburger Day. Eat hamburgers for all your meals on this day.
Gourmet up your burgers by adding toppings like caramelized onions and mushrooms and blue cheese.
</div>
</div>
<div class="block3 col-sm-4">
<h2>June 15</h2>
<h3>World Juggling Day</h3>
<img src="http://www.productivity501.com/wp-content/uploads/2014/07/Juggling-or-Television.jpg" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>World Juggling Day is held annually on a Saturday closest to June 17 to commemorate the anniversary of the foundation of the International Jugglers Association (IJA) in 1975. Attend juggling contests, festivals, and shows where professional jugglers perform. Try your hand with juggling. Just make sure, you start with small items. So no knives or heavy items, ok?</div>
</div>
</div>
<div class="row">
<div class="block1 col-sm-4">
<h2>July 29</h2>
<h3>National Chicken Wing Day</h3>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSO-j9NxfL-YKwhTx6Ojx5evbi-FLeAbMT_-bbU2L5Jpwc8HGxGEQ" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>Buffalo, NY is the home to the Buffalo Chicken Wing. They were invented at the Anchor Bar and Grill in Buffalo, NY in 1964 by Teressa Bellisimo. She served her creation as a late night snack for her son Dominic and his college friends. It immediately became wildly popular there. The recipe spread, and it rapidly became wildly popular in the United States, and ultimately world-wide.</div>
</div>
<div class="block2 col-sm-4">
<h2>August 4</h2>
<h3>National Clown Day</h3>
<img src="https://vignette.wikia.nocookie.net/universe-of-smash-bros-lawl/images/b/b1/Roland_McDonald.png/revision/latest?cb=20150920222929" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>National Clown Day was created to give recognition to those funny clowns that make us laugh and smile. It is estimated that there are over 10,00 clowns in organized clown groups, and over 20,000 clowns world-wide. They all have one goal in mind, and that's to make us happy. It's okay to clown around.
</div>
</div>
<div class="block3 col-sm-4">
<h2>September 13</h2>
<h3>Fortune Cookie Day</h3>
<img src="https://cdn.thisiswhyimbroke.com/images/unfortunate-cookie.jpg" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>What a great cookie! A little slip of paper inside of it brings you good luck, a whimsical saying, or a philosophical thought. Its pretty clear that the Fortune Cookie did not originate in China. Rather, it was invented in California. Count your blessings for this wonderful gift to the world.</div>
</div>
</div>
<div class="row">
<div class="block1 col-sm-4">
<h2>October 19</h2>
<h3>International Gin & Tonic Day</h3>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQhWKDuOXD1FuLmKCDOIzhpuOIYJjnV2uFRVxT9_3IOV-g0lsD4WA" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>Yes, that’s a thing. It is billed as a day of celebration when gin lovers can raise a glass in time-honored tradition. Gin is a spirit that is distilled from the juniper berries. Drinkers are also encouraged to try different kinds of gin, including flavoured spirits which are becoming ever more popular.
</div>
</div>
<div class="block2 col-sm-4">
<h2>November 5</h2>
<h3>Guy Fawkes Day</h3>
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT0sqC2_DG6jNBcuVkU0hkOKTPE_4sz76TjzXONsgOqtNz6ejKc" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>The Gunpowder Conspirators were a group of Catholics who sought to take action against King James whom persecuted Catholics in the country. They plotted to blow up the British Houses of Parliament. Their plot was uncovered on November 5, 1605. Thirty six barrels of gunpowder were found in the basement of Parliament. Guy Fawkes, the leader of the conspiracy, was arrested and tortured until he confessed.</div>
</div>
<div class="block3 col-sm-4">
<h2>December 7</h2>
<h3>Letter Writing Day</h3>
<img src="https://c.tadst.com/gfx/750w/letter-writing-day-fun.jpg?1" alt="">
<div class="social">
<i class="far fa-thumbs-up"></i>
<i class="far fa-heart"></i>
</div>
<div>Does anybody write letters anymore!? Letter writing is almost a lost skill. Most letters and notes nowadays, are on texts, emails and instant messages. Messages are sent much more quickly via smart phones and the internet. Take a few minutes, and send your awesome and cool teacher a hand written letter.</div>
</div>
</div>
</div>
</div>
<script src="js/events.js"></script>
</body>
</html>