-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgraduation-cap-decoration.html
593 lines (521 loc) · 23.9 KB
/
graduation-cap-decoration.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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8958319859813971"
crossorigin="anonymous"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TBXCB3VKPC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-TBXCB3VKPC');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Tips, Tricks and Ideas for Graduation Cap Decoration
</title>
<meta name="description"
content="Graduation ceremonies mark a significant milestone in one's academic journey. Beyond the cap and gown, one tradition has gained popularity in recent years – decorating graduation caps. ">
<meta name="keywords"
content="graduation cap decoration,graduation cap ideas,grad cap,cap decoration ideas,graduation cap designs,graduation cap decoration ideas,diy graduation cap decorations,Graduation cap symbolism,Decorating graduation caps,DIY graduation cap,Creative graduation cap ideas,Personalized graduation caps,Graduation cap inspiration,Cultural traditions,Symbolic motifs">
<meta name="google-adsense-account" content="ca-pub-8958319859813971">
<meta name="robots" content="index">
<link rel="canonical" href="https://chiccdecor.com/graduation-cap-decoration.html" />
<link rel="icon" href="/assets/img/favicon.ico" type="image/x-icon">
<meta name="HandheldFriendly" content="True">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link rel="preload" as="style"
href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&family=Nunito+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital@0;1&family=Nunito+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap">
<link rel="stylesheet" type="text/css" href="assets/css/screenc3f5.css?v=0fbe8671eb">
<style id="gh-members-styles">
.gh-post-upgrade-cta-content,
.gh-post-upgrade-cta {
display: flex;
flex-direction: column;
align-items: center;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
text-align: center;
width: 100%;
color: #ffffff;
font-size: 16px;
}
.gh-post-upgrade-cta-content {
border-radius: 8px;
padding: 40px 4vw;
}
.gh-post-upgrade-cta h2 {
color: #ffffff;
font-size: 28px;
letter-spacing: -0.2px;
margin: 0;
padding: 0;
}
.gh-post-upgrade-cta p {
margin: 20px 0 0;
padding: 0;
}
.gh-post-upgrade-cta small {
font-size: 16px;
letter-spacing: -0.2px;
}
.gh-post-upgrade-cta a {
color: #ffffff;
cursor: pointer;
font-weight: 500;
box-shadow: none;
text-decoration: underline;
}
.gh-post-upgrade-cta a:hover {
color: #ffffff;
opacity: 0.8;
box-shadow: none;
text-decoration: underline;
}
.gh-post-upgrade-cta a.gh-btn {
display: block;
background: #ffffff;
text-decoration: none;
margin: 28px 0 0;
padding: 8px 18px;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
}
.gh-post-upgrade-cta a.gh-btn:hover {
opacity: 0.92;
}
</style>
<style>
@media (min-width:481px) {
.home-template .global-cover,
.paged .global-cover {
height: 70vh
}
}
</style>
<style>
:root {
--ghost-accent-color: #e4b245;
}
</style>
</head>
<body class="post-template tag-lifestyle tag-creative global-cover-homepage">
<div class="global-cover is-optional"></div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<div class="global-wrap">
<div class="global-content">
<header class="header-section">
<div class="header-wrap">
<div class="header-logo">
<a href="index.html" class="is-image"><img style="width: 229px; height:64px"
src="assets/img/logo.png" alt="chicc decor"></a>
</div>
<div class="header-nav">
<input id="toggle" class="header-checkbox" type="checkbox">
<label class="header-toggle" for="toggle">
<span>
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</span>
</label>
<nav>
<ul>
<li><a href="#2">Step-by-Step Guide</a></li>
<li><a href="#3">Tips and Tricks</a></li>
<li><a href="#4">Inspirational Designs</a></li>
</ul>
</nav>
</div>
</div>
</header>
<main class="global-main">
<progress class="post-progress"></progress>
<article class="post-section">
<div class="post-header">
<div class="post-header-content">
<div class="post-tags global-tags">
<div>Interior Design</div>
<div>Creative</div>
</div>
<h1 class="post-title global-title-big global-title-offset">Tips, Tricks and Ideas for
Graduation Cap Decoration
</h1>
<p class="post-excerpt">
Written by <a class="anchor-color" href="About-us.html">Juli Smith</a>, an
Interior design expert.
</p>
<div class="post-authors global-authors">
<div class="post-author-item global-author-item global-image is-image is-last">
<img src="assets/img/juli.jpg" loading="lazy" alt="juli smith">
</div>
<div style="font-weight:bold;" class="post-meta global-meta">
Juli Smith
<!-- <div style="padding-top:5%">July 2023</div> -->
<time datetime="2023-10-3">July, 2023</time>
</div>
</div>
</div>
<figure style="padding-top: 45px;" class="post-image">
<img style="height: 550px;" src="assets/img/graduation-cap-decoration.jpg" class="kg-image"
alt="fascinating world of graduation cap decoration">
</figure>
</div>
<div class="post-content">
<p>
In this article, we will explore the fascinating world of graduation cap decoration, its
historical significance, the freedom it offers for personal expression, and how you can
craft your own unique cap design.
</p>
<h2 id="1">Why Decorate Graduation Caps?
</h2>
<p>
Decorating graduation caps has become more than just a trend; it's a way for graduates to
stand out and express their personalities during this important rite of passage. The
once-standard black mortarboard has transformed into a canvas for creativity, and there are
several reasons why graduates choose to embrace this tradition</p>
<h2 id="2">Step-by-Step Guide to Decorating a Graduation Cap
</h2>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/cap.jpg"
class="kg-image" alt="the art of Decorating a Graduation Cap" loading="lazy">
</figure>
<h3 style="font-size: 25px;font-weight: 700;">1. Choosing a Theme or Design Concept
</h3>
<p>
The first step in decorating your graduation cap is choosing a theme or design concept. It
could be a personal motto, a quote that inspires you, a symbol of your field of study, or a
fun and whimsical idea.</p>
<h3 style="font-size: 25px;font-weight: 700;">2. Sketching Your Design</h3>
<p>
Once you have your concept in mind, sketch it out on paper. This will serve as a blueprint
for your cap decoration and help you visualize the final design.
</p>
<h3 style="font-size: 25px;font-weight: 700;">3. Selecting Color Schemes</h3>
<p>
Choose a color scheme that complements your design concept. Whether you prefer bold and
vibrant colors or a more subtle palette, the choice is yours.
</p>
<h3 style="font-size: 25px;font-weight: 700;">4. Applying Decorations
</h3>
<p>
Get creative with your chosen decorations. Use glue to affix rhinestones, glitter, or other
decorative elements to your cap. Don't be afraid to experiment and let your artistic flair
shine.</p>
<h3 style="font-size: 25px;font-weight: 700;">5. Adding Personal Touches</h3>
<p>
Consider adding personal touches like your name, graduation year, or a special symbol that
represents your journey. This adds a unique and sentimental aspect to your cap.
</p>
<h3 style="font-size: 25px;font-weight: 700;">6. Finishing and Sealing the Design</h3>
<p>
Once you're satisfied with your design, make sure to let it dry thoroughly before wearing
it. Some graduates also choose to seal their designs with a clear coat to preserve their
cap's artwork.
</p>
<h2 id="3">Tips and Tricks
</h2>
<p>As with any creative project, there are some practical tips and tricks to help you achieve a
professional-looking cap design:
</p>
<ul>
<li>Start early to allow ample time for brainstorming and execution.</li>
<li>Test your materials on a small surface before applying them to your cap.</li>
<li>Avoid overloading your cap with heavy decorations that may make it uncomfortable to
wear.</li>
</ul>
<h2 id="4">Showcasing Inspirational Designs
</h2>
<p>Let's take a moment to be inspired by the incredible designs created by graduates from around
the world. These unique graduation caps not only reflect individual creativity but also tell
the stories of these graduates' academic journeys:</p>
<h3 style="font-size: 25px;font-weight: 700;">English major graduation cap ideas
</h3>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/english.jpg"
class="kg-image" alt="English major graduation cap ideas" loading="lazy">
</figure>
<p>
Graduates with a passion for literature often choose quotes from their favorite authors or
iconic literary works to adorn their caps. Classic book cover designs, quills, and open
books are common motifs. Additionally, incorporating elements from beloved novels or poems
can turn the graduation cap into a storytelling canvas, reflecting the graduate's deep
appreciation for the written word and their academic journey in the field of English.</p>
<h3 style="font-size: 25px;font-weight: 700;">Computer science major graduation cap ideas</h3>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/computer-science.jpg"
class="kg-image" alt="Computer science major graduation cap ideas" loading="lazy">
</figure>
<p>
Graduates in this field frequently incorporate coding snippets, binary code patterns, or
computer-related symbols like keyboards and circuit boards into their cap designs. Playful
references to famous programming languages or iconic tech concepts add a touch of humor and
personality. These caps serve as a testament to the graduate's journey through the world of
algorithms, coding, and innovation, highlighting their passion for the ever-evolving field
of computer science.
</p>
<h3 style="font-size: 25px;font-weight: 700;">Business majors graduation cap ideas</h3>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/business.jpg"
class="kg-image" alt="Business majors graduation cap ideas" loading="lazy">
</figure>
<p>
Graduates often opt for sleek and elegant designs, incorporating symbols of commerce such as
dollar signs, briefcases, or stock market graphs. Inspirational quotes from successful
business leaders and entrepreneurs can also be a source of motivation and guidance on these
caps. The designs reflect the graduate's readiness to embark on a career in the world of
commerce, finance, and management, serving as a visual representation of their commitment to
business excellence.
</p>
<h3 style="font-size: 25px;font-weight: 700;">Theater major graduation cap ideas
</h3>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/theater.jpg"
class="kg-image" alt="Theater major graduation cap ideas" loading="lazy">
</figure>
<p>
Graduates in this field often embrace the spotlight by adorning their caps with theater
masks, stage curtains, or comedy and tragedy symbols. Some may choose to feature famous
quotes from playwrights or iconic lines from beloved productions. These caps are a
reflection of the graduate's passion for the performing arts and their dedication to
storytelling, emphasizing the importance of creativity and self-expression in the world of
theater.
</p>
<h3 style="font-size: 25px;font-weight: 700;">Biology and science graduation cap ideas</h3>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/biology.jpg"
class="kg-image" alt="Biology and science graduation cap ideas<" loading="lazy">
</figure>
<p>
Graduates in these fields often adorn their caps with images of DNA strands, microscopes, or
laboratory equipment. They may choose to incorporate illustrations of iconic scientific
figures or showcase the beauty of the natural world through botanical or anatomical designs.
These caps are a testament to the graduate's passion for unraveling the mysteries of life
and their dedication to advancing knowledge in the realms of biology and science,
emphasizing the importance of inquiry and exploration in these disciplines.
</p>
<h3 style="font-size: 25px;font-weight: 700;">Psychology major graduation cap idea
</h3>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/psychology.jpg"
class="kg-image" alt="Psychology major graduation cap idea" loading="lazy">
</figure>
<p>
Graduates in psychology frequently incorporate brain images, colorful neurons, or iconic
psychological symbols like the Freudian couch or the Rorschach inkblot. Inspirational quotes
from renowned psychologists often find their place on these caps, underscoring the
importance of understanding human behavior and mental processes. These designs symbolize the
graduate's journey in unraveling the complexities of the mind and their commitment to making
a positive impact in the field of psychology.
</p>
<h3 style="font-size: 25px;font-weight: 700;">Nurse grad cap idea
</h3>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/nurse.jpg"
class="kg-image" alt="Nurse grad cap idea" loading="lazy">
</figure>
<p>
Nurse grad caps are a tribute to compassion and care. Graduates in nursing often decorate
their caps with medical symbols like stethoscopes, nursing caps, or the iconic caduceus.
Inspirational quotes related to healthcare and healing may also grace these caps, serving as
a reminder of their commitment to patient well-being. These caps symbolize the graduate's
journey of acquiring critical medical knowledge and underscore their readiness to enter the
noble profession of nursing, where they will provide comfort, aid, and hope to those in
need.
</p>
<h3 style="font-size: 25px;font-weight: 700;">Engineering graduation cap idea.
</h3>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/engineering.jpg"
class="kg-image" alt="English major graduation cap ideas" loading="lazy">
</figure>
<p>
Engineering grad cap ideas are a testament to innovation and problem-solving. Graduates in
the engineering field often showcase their passion by incorporating symbols like gears,
circuit diagrams, or engineering tools into their cap designs. Inspirational quotes from
famous engineers or technological pioneers may also make an appearance, emphasizing the
importance of creativity and technical expertise.
</p>
<h2 id="5">The Significance of Symbols
</h2>
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="assets/img/symbol.jpg"
class="kg-image" alt="The Significance of Symbols" loading="lazy">
</figure>
<p>Symbols play a crucial role in graduation cap decoration. They can convey messages, emotions,
and the essence of one's educational journey. Understanding the significance behind common
symbols can add depth to your cap's design.</p>
<h2 id="6">Do graduate students decorate their caps?
</h2>
<p>Yes, decorating graduation caps is not limited to undergraduate students; graduate students
also embrace this creative tradition. Graduate students often decorate their caps to
celebrate their advanced degrees and to express their unique academic journeys.</p>
<h2 id="7">Why decorate a graduation cap?
</h2>
<p>Decorating a graduation cap has become a popular tradition for several reasons:</p>
<h3 style="font-size: 25px;font-weight: 700;">1. Personal Expression:</h3>
<p>
Graduates use decorated caps as a means of personal expression, showcasing their
individuality and achievements.
</p>
<h3 style="font-size: 25px;font-weight: 700;">2. Celebration:</h3>
<p>
It adds an element of celebration to the graduation ceremony, making the event even more
memorable.
</p>
<h3 style="font-size: 25px;font-weight: 700;">3. Symbolism: </h3>
<p>
The cap becomes a symbolic representation of the graduate's educational journey, values, and
aspirations.
</p>
<h2 id="8">How to craft a graduation cap?
</h2>
</figure>
<p>Crafting a graduation cap involves selecting a theme or design concept, sketching the design,
choosing color schemes, applying decorations, adding personal touches, and finishing the
design. It's a creative and personalized process that allows graduates to celebrate their
achievements in a unique way.
</p>
<h2>Conclusion
</h2>
<P>In conclusion, graduation cap decoration is more than just a trendy tradition; it's a
meaningful way for graduates to express themselves and celebrate their academic journey.
Whether you opt for a simple design or an elaborate masterpiece, your decorated cap is a
reflection of your individuality and accomplishments. So, to all the graduates out there,
congratulations on your achievements, and may your decorated cap be a symbol of your unique
journey.
</P>
<p>Remember, as you embark on this creative journey, have fun, and let your imagination run
wild. Your graduation cap is not just a cap; it's a canvas waiting for your personal touch.
</p>
<p>Now, go forth and decorate!</p>
</div>
</article>
<!-- more blogs section -->
<div class="special-section">
<div class="global-title-wrap">
<h3 class="global-title-medium">Others article from <span>Chicc Decor</span></h3>
<a href="more-section.html" aria-label="more amazing articles"><svg role="img"
viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path
d="M17.185 6.08c1.485 1.585 2.733 2.8 3.813 3.643 1.045.843 2.057 1.45 3.002 1.855v.743c-1.08.506-2.16 1.18-3.171 2.024-1.012.81-2.227 1.99-3.644 3.576h-1.282c1.046-2.193 2.26-4.217 3.374-5.432H.014v-.978h19.263a31.274 31.274 0 01-1.855-2.699c-.338-.506-.844-1.417-1.485-2.733h1.248z" />
</svg></a>
</div>
<div class="special-wrap">
<article class="item global-image post tag-idea tag-lifestyle tag-people">
<a href="layering-rugs-on-carpet.html" class="global-link"
aria-label="indoor plants decor"></a>
<img srcset="assets/img/rugs-on-carpet.jpg" sizes="(max-width:480px) 400px, 800px"
src="assets/img/rugs-on-carpet.jpg" loading="lazy" alt="indoor plants decor">
<div class="item-content global-mask is-image">
<h2 class="item-title"><a href="layering-rugs-on-carpet.html">How To Layer Rugs on
Carpet:
Mastering the Art of Rug Layering</a>
</h2>
</div>
</article>
<article class="item global-image post tag-idea tag-lifestyle tag-people">
<a href="grey-living-room-ideas.html" class="global-link"
aria-label="Grey Living Room Decoration Ideas to Transform Your Space"></a>
<img srcset="assets/img/x.jpg" sizes="(max-width:480px) 400px, 800px"
src="assets/img/x.jpg" loading="lazy"
alt="Grey Living Room Decoration Ideas to Transform Your Space">
<div class="item-content global-mask is-image">
<h2 class="item-title"><a href="grey-living-room-ideas.html">Grey Living Room Ideas
To
Elevate Your Home's Interiors</a>
</h2>
</div>
</article>
<article class="item global-image post tag-idea tag-lifestyle tag-people">
<a href="indoor-plants-decor.html" class="global-link"
aria-label="indoor plants decor"></a>
<img srcset="assets/img/indoor-plants.jpg" sizes="(max-width:480px) 400px, 800px"
src="assets/img/indoor-plants.jpg" loading="lazy" alt="indoor plants decor">
<div class="item-content global-mask is-image">
<h2 class="item-title"><a href="indoor-plants-decor.html">How to Decorate with
Indoor
Plants Invite Nature into Your Living Space</a>
</h2>
</div>
</article>
<article class="item global-image post tag-idea tag-lifestyle tag-people">
<a href="decorating-old-books.html" class="global-link" aria-label="Decorating Ideas with Old Books:
How to Use Them for Stunning Home Design"></a>
<img srcset="assets/img/old-book.jpg" sizes="(max-width:480px) 400px, 800px"
src="assets/img/old-book.jpg" loading="lazy" alt="Decorating Ideas with Old Books:
How to Use Them for Stunning Home Design">
<div class="item-content global-mask is-image">
<h2 class="item-title"><a href="decorating-old-books.html">Decorating Ideas with Old
Books:
How to Use Them for Stunning Home Design</a>
</h2>
</div>
</article>
</div>
</div>
</main>
<footer class="footer-section global-footer">
<div style="text-align:center;" class="footer-copyright">
© 2023 —
All Right Reserved.
</div>
</footer>
</div>
</div>
<script src="assets/js/globalc3f5.js?v=0fbe8671eb"></script>
<script src="assets/js/postc3f5.js?v=0fbe8671eb"></script>
<style>
body.is-scroll-banner .is-banner {
bottom: 30px
}
.is-banner {
font-size: 24px;
position: fixed;
z-index: 9999;
right: 2%;
bottom: -100px;
display: inline-block;
padding: 2px 10px;
transition-timing-function: ease;
transition-duration: .5s;
transition-property: bottom, transform;
color: #171822;
border-radius: 100px;
background-color: #97fe65
}
.is-banner,
.is-banner:hover {
color: #171822
}
.is-banner:hover {
transform: translateY(-3px)
}
@media (max-width:1024px) {
.is-banner {
display: none !important
}
}
</style>
<script>
var newTitle = document.getElementById('post-title');
newTitle && (newTitle.innerHTML = "Don’t be <span>afraid</span>")
</script>
<script>
// Get the button:
let mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function () {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0; // For Safari
document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
}
</script>
</body>
</html>