-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (142 loc) · 5.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="./index.css" />
<script src="./index.js"></script>
</head>
<body>
<nav class="menu">
<ul>
<li><a href="#home" class="active">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="home" data-speed="10" class="parallax">
<article>
<h1 class="home-text">Visual Odyssey</h1>
<h1 class="home-text">Graphic Designing Extravaganza!</h1>
<div class="float"><i class="fa fa-chevron-down"></i></div>
</article>
</section>
<section id="about" data-speed="10" class="parallax">
<article>
<div class="info info1">
<h1 class="info-title">Welcome to Our School's Visual Odyssey!</h1>
<p>
Attention all digital dream weavers and visual virtuosos! Prepare to
dive headfirst into a world where pixels dance and creativity knows
no bounds. Welcome to our eagerly anticipated Graphic Design
Contest, where innovation meets imagination in the most spectacular
fashion.
</p>
</div>
</article>
</section>
<section id="about1" data-speed="10" class="parallax">
<article>
<div class="info">
<p>
In this exhilarating event, we're calling upon all students with an
eye for design to harness their artistic prowess and breathe life
into our given topics. From the depths of fantasy to the realms of
social commentary, this contest is your canvas, and your imagination
is the only limit.
</p>
</div>
</article>
</section>
<section id="about2" data-speed="10" class="parallax">
<article>
<div class="info">
<p>
But what exactly are we searching for? We're on the lookout for
graphic masterpieces that captivate, provoke thought, and ignite
inspiration. Whether you're manipulating photographs, crafting
digital illustrations, or designing captivating posters, this is
your chance to leave a lasting impression with your creative genius.
</p>
</div>
</article>
</section>
<section id="about3" data-speed="10" class="parallax">
<article>
<div class="info">
<p>
This isn't just about showcasing technical skills. It's about
storytelling, emotion, and pushing the boundaries of visual
expression. So, fire up your design software, sharpen your digital
brushes, and let your creativity run!
</p>
</div>
</article>
</section>
<section id="about4" data-speed="10" class="parallax">
<article>
<div class="info">
<p>
This isn't just about showcasing technical skills. It's about
storytelling, emotion, and pushing the boundaries of visual
expression. So, fire up your design software, sharpen your digital
brushes, and let your creativity run!
</p>
</div>
</article>
</section>
<section id="rules" data-speed="10" class="parallax">
<article>
<div class="rules">
<h1 class="rules-title">Rules & Regulations,</h1>
<ul>
<li>All the participants must be registered.</li>
<li>You must design a logo for our MRCM ICT society.</li>
<li>
You have to do your manipulations using Adobe Photoshop. (you must
send us the original project files as well)
</li>
<li>You can use your own brushes or custom created ones.</li>
<li>Your creation must be unique (no copyright overlays)</li>
</ul>
</li>
</ul>
</div>
</article>
</section>
<section id="rules1" data-speed="10" class="parallax">
<article>
<div class="rules">
<h1 class="rules-title">Rules & Regulations,</h1>
<ul>
<li>You are not allowed to use any type of templates or AI help.</li>
<li>1-4 member teams are allowed.</li>
<li>You can use 3rd party assets.(if you use you have to mention the links for those assets)</li>
<li>Accepted ways to submit
<ul>
<li>USB drives (for inter school participants only)</li>
<li>Sending links to Google drive via club website or Google Form.</li>
</ul>
</li>
</ul>
</div>
</article>
</section>
<section id="contact" data-speed="10" class="parallax">
<article>
<p>
Then why are you waiting,
<br />
Wake up the artist in your mind
<br />
And start creating!
</p>
<span><button><a style="text-decoration: none; color:black" href="">Submit the project</a></button></span>
</article>
</section>
<footer style="height: 5vh;width:100%;background-color:black;text-align:center;font: size 0.2rem; color:rgb(200, 200, 200);">
<p>@ MRCM ICT society</p>
</footer>
</body>
</html>