├── Admission_page.html
├── Contact_page.html
├── Poppins
├── OFL.txt
├── Poppins-Black.ttf
├── Poppins-BlackItalic.ttf
├── Poppins-Bold.ttf
├── Poppins-BoldItalic.ttf
├── Poppins-ExtraBold.ttf
├── Poppins-ExtraBoldItalic.ttf
├── Poppins-ExtraLight.ttf
├── Poppins-ExtraLightItalic.ttf
├── Poppins-Italic.ttf
├── Poppins-Light.ttf
├── Poppins-LightItalic.ttf
├── Poppins-Medium.ttf
├── Poppins-MediumItalic.ttf
├── Poppins-Regular.ttf
├── Poppins-SemiBold.ttf
├── Poppins-SemiBoldItalic.ttf
├── Poppins-Thin.ttf
├── Poppins-ThinItalic.ttf
└── manifest.json
├── README.md
├── Website Preview
├── Screenshot (2).png
├── Screenshot (3).png
├── Screenshot (4).png
├── Screenshot (6).png
├── Screenshot (7).png
├── Screenshot (8).png
└── preview.jfif
├── css
├── admission_style.css
├── contact_style.css
├── fees_style.CSS
└── main_style.css
├── fees_page.html
├── image
├── auditorium.jfif
├── background.jpg
├── banner_ggu.jpg
├── canteen.jfif
├── cm1.jfif
├── cm2.jfif
├── cm3.jfif
├── favicon.ico
└── hostel.jfif
├── index.html
└── javascript
├── fees_script.js
└── main_script.js
/Admission_page.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Admission form- GGU
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
146 |
147 |
148 |
149 |
150 |
151 |
152 |
159 |
169 |
--------------------------------------------------------------------------------
/Contact_page.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Contact Us - GGU
8 |
9 |
10 |
11 |
12 |
13 |
14 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
88 |
98 |
99 |
--------------------------------------------------------------------------------
/Poppins/OFL.txt:
--------------------------------------------------------------------------------
1 | Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)
2 |
3 | This Font Software is licensed under the SIL Open Font License, Version 1.1.
4 | This license is copied below, and is also available with a FAQ at:
5 | http://scripts.sil.org/OFL
6 |
7 |
8 | -----------------------------------------------------------
9 | SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
10 | -----------------------------------------------------------
11 |
12 | PREAMBLE
13 | The goals of the Open Font License (OFL) are to stimulate worldwide
14 | development of collaborative font projects, to support the font creation
15 | efforts of academic and linguistic communities, and to provide a free and
16 | open framework in which fonts may be shared and improved in partnership
17 | with others.
18 |
19 | The OFL allows the licensed fonts to be used, studied, modified and
20 | redistributed freely as long as they are not sold by themselves. The
21 | fonts, including any derivative works, can be bundled, embedded,
22 | redistributed and/or sold with any software provided that any reserved
23 | names are not used by derivative works. The fonts and derivatives,
24 | however, cannot be released under any other type of license. The
25 | requirement for fonts to remain under this license does not apply
26 | to any document created using the fonts or their derivatives.
27 |
28 | DEFINITIONS
29 | "Font Software" refers to the set of files released by the Copyright
30 | Holder(s) under this license and clearly marked as such. This may
31 | include source files, build scripts and documentation.
32 |
33 | "Reserved Font Name" refers to any names specified as such after the
34 | copyright statement(s).
35 |
36 | "Original Version" refers to the collection of Font Software components as
37 | distributed by the Copyright Holder(s).
38 |
39 | "Modified Version" refers to any derivative made by adding to, deleting,
40 | or substituting -- in part or in whole -- any of the components of the
41 | Original Version, by changing formats or by porting the Font Software to a
42 | new environment.
43 |
44 | "Author" refers to any designer, engineer, programmer, technical
45 | writer or other person who contributed to the Font Software.
46 |
47 | PERMISSION & CONDITIONS
48 | Permission is hereby granted, free of charge, to any person obtaining
49 | a copy of the Font Software, to use, study, copy, merge, embed, modify,
50 | redistribute, and sell modified and unmodified copies of the Font
51 | Software, subject to the following conditions:
52 |
53 | 1) Neither the Font Software nor any of its individual components,
54 | in Original or Modified Versions, may be sold by itself.
55 |
56 | 2) Original or Modified Versions of the Font Software may be bundled,
57 | redistributed and/or sold with any software, provided that each copy
58 | contains the above copyright notice and this license. These can be
59 | included either as stand-alone text files, human-readable headers or
60 | in the appropriate machine-readable metadata fields within text or
61 | binary files as long as those fields can be easily viewed by the user.
62 |
63 | 3) No Modified Version of the Font Software may use the Reserved Font
64 | Name(s) unless explicit written permission is granted by the corresponding
65 | Copyright Holder. This restriction only applies to the primary font name as
66 | presented to the users.
67 |
68 | 4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
69 | Software shall not be used to promote, endorse or advertise any
70 | Modified Version, except to acknowledge the contribution(s) of the
71 | Copyright Holder(s) and the Author(s) or with their explicit written
72 | permission.
73 |
74 | 5) The Font Software, modified or unmodified, in part or in whole,
75 | must be distributed entirely under this license, and must not be
76 | distributed under any other license. The requirement for fonts to
77 | remain under this license does not apply to any document created
78 | using the Font Software.
79 |
80 | TERMINATION
81 | This license becomes null and void if any of the above conditions are
82 | not met.
83 |
84 | DISCLAIMER
85 | THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
86 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
87 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
88 | OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
89 | COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
90 | INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
91 | DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
92 | FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
93 | OTHER DEALINGS IN THE FONT SOFTWARE.
94 |
--------------------------------------------------------------------------------
/Poppins/Poppins-Black.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-Black.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-BlackItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-BlackItalic.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-Bold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-Bold.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-BoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-BoldItalic.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-ExtraBold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-ExtraBold.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-ExtraBoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-ExtraBoldItalic.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-ExtraLight.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-ExtraLight.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-ExtraLightItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-ExtraLightItalic.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-Italic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-Italic.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-Light.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-Light.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-LightItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-LightItalic.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-Medium.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-Medium.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-MediumItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-MediumItalic.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-Regular.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-SemiBold.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-SemiBold.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-SemiBoldItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-SemiBoldItalic.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-Thin.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-Thin.ttf
--------------------------------------------------------------------------------
/Poppins/Poppins-ThinItalic.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Poppins/Poppins-ThinItalic.ttf
--------------------------------------------------------------------------------
/Poppins/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "manifest_version": 2,
3 | "name": "Chrome Minimal Scrollbar",
4 | "version": "1.1",
5 | "description": "Global CSS scrollbar. No JavaScript. All CSS.",
6 | "content_scripts": [
7 | {
8 | "matches": [
9 | ""
10 | ],
11 | "css": [
12 | "scroll.css"
13 | ]
14 | }
15 | ]
16 | }
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # College-Website
2 |
3 | ## Screenshot
4 |
5 | 
6 |
7 |
8 | ## Features
9 |
10 | - Students can fill out college admission form
11 | - They can know about the college campus and the facilities offered by the college.
12 | - Students can check their fees using this website
13 |
14 |
15 |
16 | https://jaydipsinh-collegewebsite.netlify.app
17 | ## Tech Stack
18 |
19 | **Client:** HTML, CSS, JAVASCRIPT
20 |
21 |
22 |
23 | ## Feedback
24 |
25 | If you have any feedback, please reach out to us at jaydipsinhsolanki9297@gmail.com
26 |
27 |
28 | ## Authors
29 |
30 | - [@jaydipsinh13](https://www.github.com/jaydipsinh13)
31 |
32 |
33 | ## 🔗 Links
34 | [](https://www.linkedin.com/in/jaydipsinhsolanki/)
35 |
36 |
37 |
--------------------------------------------------------------------------------
/Website Preview/Screenshot (2).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Website Preview/Screenshot (2).png
--------------------------------------------------------------------------------
/Website Preview/Screenshot (3).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Website Preview/Screenshot (3).png
--------------------------------------------------------------------------------
/Website Preview/Screenshot (4).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Website Preview/Screenshot (4).png
--------------------------------------------------------------------------------
/Website Preview/Screenshot (6).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Website Preview/Screenshot (6).png
--------------------------------------------------------------------------------
/Website Preview/Screenshot (7).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Website Preview/Screenshot (7).png
--------------------------------------------------------------------------------
/Website Preview/Screenshot (8).png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Website Preview/Screenshot (8).png
--------------------------------------------------------------------------------
/Website Preview/preview.jfif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jaydipsinh13/College-Website/fa9bac8e7550de261a1cf423cb6d4c5fee8b4e3d/Website Preview/preview.jfif
--------------------------------------------------------------------------------
/css/admission_style.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: myFirstFont;
3 | src: url(../Poppins/Poppins-Regular.ttf);
4 | }
5 | @font-face {
6 | font-family: bold;
7 | src: url(../Poppins/Poppins-Bold.ttf);
8 | }
9 | *{
10 | /* overflow: hidden; */
11 | /* border: 1px solid yellow; */
12 | }
13 | body{
14 | background-image: linear-gradient(rgba(4,9,30,0.6),rgba(4,9,30,0.6)),url(../image/background.jpg);
15 | background-position: center;
16 | background-size: cover;
17 | position: relative;
18 | font-family: myFirstFont;
19 | }
20 |
21 |
22 | /* Website Scrollerbar */
23 | body::-webkit-scrollbar {
24 | width: 5px !important;
25 | height: 5px !important;
26 | }
27 | body::-webkit-scrollbar-track {
28 | background: #3838387c !important;
29 | }
30 | body::-webkit-scrollbar-thumb {
31 | background-color: #e0120ba4 !important;
32 | border: 1px solid #ff020279 !important;
33 | border-radius: 1px !important;
34 | }
35 |
36 |
37 | .header{
38 | min-height: 100vh;
39 | width: 100%;
40 |
41 | }
42 | nav{
43 | display: flex;
44 | padding: 2% 6%;
45 | justify-content: space-between;
46 | align-items: center;
47 | }
48 | nav img{
49 | width: 150px;
50 | }
51 | .nav-links{
52 | flex: 1;
53 | text-align: right;
54 |
55 | }
56 | .nav-links ul li{
57 | list-style: none;
58 | display: inline-block;
59 | padding: 8px 12px;
60 | position: relative;
61 |
62 | }
63 | .nav-links a{
64 | color: #fff;
65 | text-decoration: none;
66 | font-size: 16px;
67 |
68 | }
69 | .nav-links ul li::after{
70 | content: '';
71 | width: 0%;
72 | height: 2px;
73 | background: #ff0000;
74 | display: block;
75 | margin: auto;
76 | transition: 0.5s;
77 |
78 | }
79 | .nav-links ul li:hover::after{
80 | width: 100%;
81 | }
82 | .icon{
83 | display:none;
84 | }
85 | .text-box{
86 | width: 90%;
87 | color: #fff;
88 | position:absolute;
89 | top: 30%;
90 | left: 50%;
91 | transform: translate(-50%,50%);
92 | text-align: center;
93 | }
94 | .text-box h1{
95 | font-size: 62px;
96 | font-weight: bold;
97 |
98 | }
99 | .text-box p{
100 | margin: 10px 0 40px;
101 | font-size: 14px;
102 | color: #fff;
103 |
104 | }
105 | :root{
106 | --white: #fff;
107 | --text-clr: #000024;
108 | --primary: #3e2093;
109 | --secondary: #000008;
110 | /* --secondary: #c0c1d2; */
111 | --input-bg: #f1f1ff;
112 | --btn-hvr: #1a0065;
113 | --tra: rgba(255, 255, 255, 0.959);
114 | /* --tra: rgba(255, 255, 255, 0.863); */
115 | --bordcolor:rgba(0, 26, 255, 0.082);
116 | /* --bordcolor:rgba(51, 61, 148, 0.521); */
117 | }
118 |
119 | *{
120 | margin: 0;
121 | padding: 0;
122 | box-sizing: border-box;
123 | outline: none;
124 | font-family: myFirstFont;
125 | }
126 |
127 | body{
128 | font-size: 14px;
129 | color: var(--text-clr);
130 | }
131 |
132 | .wrapper{
133 | width: 100%;
134 | padding: 0 10px;
135 | margin-top: 20px;
136 | display: flex;
137 | justify-content: center;
138 | }
139 |
140 | .r_form_wrap{
141 | width: 500px;
142 | max-width: 100%;
143 | }
144 |
145 | .r_form_wrap .title{
146 | padding: 25px;
147 | background: var(--white);
148 | border-radius: 3px;
149 | margin-bottom: 20px;
150 |
151 | }
152 |
153 | .r_form_wrap .title p{
154 | font-size: 25px;
155 | text-align: center;
156 | font-family: bold;
157 | }
158 |
159 | .r_form{
160 | padding: 40px;
161 | border-radius: 3px;
162 | background: var(--tra);
163 | }
164 |
165 | .r_form .input_wrap{
166 | width: 100%;
167 | margin-bottom: 25px;
168 | }
169 |
170 | .r_form .input_wrap label{
171 | display: block;
172 | margin-bottom: 5px;
173 | }
174 |
175 | .r_form .input_wrap .input_item{
176 | position: relative;
177 | width: 100%;
178 | }
179 |
180 | .r_form .input_wrap .input_item .input{
181 | width: 100%;
182 | border-radius: 3px;
183 | height: 40px;
184 | border: 2px solid var(--input-bg);
185 | background: var(--input-bg);
186 | padding: 10px 20px;
187 | padding-left: 50px;
188 | transition: 0.5s ease;
189 | color: var(--secondary);
190 | border-color: var(--bordcolor);
191 | }
192 |
193 | .r_form .input_wrap .input_item .input:focus{
194 | border-color: var(--primary);
195 | }
196 |
197 | .r_form .input_wrap .input_item .icon{
198 | position: absolute;
199 | top: 12px;
200 | left: 20px;
201 | color: var(--secondary);
202 | font-size: 16px;
203 | }
204 | #icon{
205 | position: absolute;
206 | top: 12px;
207 | left: 20px;
208 | color: var(--secondary);
209 | font-size: 16px;
210 | }
211 |
212 | .r_form .input_wrap .input_radio{
213 | display: flex;
214 | }
215 |
216 | .r_form .input_wrap .input_radio .input_radio_item{
217 | background: var(--input-bg);
218 | margin-right: 25px;
219 | padding: 20px;
220 | border-radius: 3px;
221 | position: relative;
222 | width: 100px;
223 | }
224 |
225 | .r_form .input_wrap .input_radio .input_radio_item .radio_mark{
226 | position: absolute;
227 | top: 0;
228 | left: 0;
229 | width: 100%;
230 | height: 100%;
231 | display: flex;
232 | align-items: center;
233 | justify-content: center;
234 | color: var(--secondary);
235 | border: 2px solid transparent;
236 | border-radius: 3px;
237 | margin: 0;
238 | cursor: pointer;
239 | transition: 0.5s ease;
240 | }
241 |
242 | .r_form .input_wrap .input_radio .input_radio_item .radio_mark .i{
243 | margin-right: 5px;
244 | display: inline-block;
245 | }
246 |
247 | .r_form .input_wrap .input_radio .input_radio_item .radio{
248 | position: absolute;
249 | top: 0;
250 | left: 0;
251 | opacity: 0;
252 | }
253 |
254 | .r_form .input_wrap .input_radio .input_radio_item .radio:checked ~ .radio_mark{
255 | color: var(--primary);
256 | border-color: var(--primary);
257 | }
258 |
259 | .button{
260 | width: 100%;
261 | border: 0;
262 | background: var(--primary);
263 | padding: 10px;
264 | border-radius: 3px;
265 | height: 40px;
266 | color: var(--white);
267 | cursor: pointer;
268 | transition: 0.5s ease;
269 | }
270 |
271 | .button:hover{
272 | background: var(--btn-hvr);
273 | }
274 |
275 | .none_div{
276 | height: 100px;
277 | }
278 | /* Course */
279 | #course{
280 | border-color: var(--bordcolor);
281 | }
282 |
283 | #course:focus{
284 | border-color: var(--primary);
285 | }
286 |
287 | .r_form .input_wrap .input_item{
288 | position: relative;
289 | width: 100%;
290 | }
291 |
292 | .r_form .input_wrap .input_item .input{
293 | width: 100%;
294 | border-radius: 3px;
295 | height: 40px;
296 | border: 2px solid var(--input-bg);
297 | background: var(--input-bg);
298 | padding: 10px 20px;
299 | padding-left: 50px;
300 | transition: 0.5s ease;
301 | color: var(--secondary);
302 | border-color: var(--bordcolor);
303 | }
304 |
305 |
306 |
307 | .clear_ad{
308 | margin-top: 10px;
309 | width: 100%;
310 | border: 0;
311 | background: var(--btn-hvr);
312 | padding: 10px;
313 | border-radius: 3px;
314 | height: 40px;
315 | color: var(--white);
316 | cursor: pointer;
317 | transition: 0.5s ease;
318 | }
319 |
320 | .clear_ad:hover{
321 | background: var(--primary);
322 | }
323 |
324 |
325 |
326 | /* Media query for responsive */
327 |
328 | @media (max-width: 700px) {
329 |
330 | *{
331 | overflow-x: hidden;
332 | margin: 0;
333 | padding: 0;
334 |
335 | }
336 |
337 | #logo-img{
338 | padding: 10px;
339 | }
340 |
341 | .nav-links ul li{
342 | display: block;
343 | }
344 | .nav-links{
345 | position: absolute;
346 | background: #f44336;
347 | height: 100vh;
348 | width: 200px;
349 | top: 0%;
350 | right: -200px;
351 | text-align: left;
352 | z-index: 2;
353 | transition: 1s;
354 | }
355 | .icon{
356 | display: block;
357 | color: #fff;
358 | margin: 10px;
359 | font-size: 25px;
360 | cursor: pointer;
361 | }
362 | .nav-links ul{
363 | padding: 30px;
364 | }
365 | /* Admission form */
366 | .input_item{
367 | overflow: hidden;
368 | }
369 |
--------------------------------------------------------------------------------
/css/contact_style.css:
--------------------------------------------------------------------------------
1 |
2 | /* Cascading Style Sheets */
3 | @font-face {
4 | font-family: myFirstFont;
5 | src: url(../Poppins/Poppins-Regular.ttf);
6 | }
7 |
8 | @font-face {
9 | font-family: bold;
10 | src: url(../Poppins/Poppins-Bold.ttf);
11 | }
12 | *{
13 | margin: 0;
14 | padding: 0;
15 | font-family: myFirstFont;
16 | /* border: 1px solid yellow; */
17 | }
18 |
19 | /* Website Scrollerbar */
20 | body::-webkit-scrollbar {
21 | width: 5px !important;
22 | height: 5px !important;
23 | }
24 | body::-webkit-scrollbar-track {
25 | background: #3838387c !important;
26 | }
27 | body::-webkit-scrollbar-thumb {
28 | background-color: #e0120ba4 !important;
29 | border: 1px solid #ff020279 !important;
30 | border-radius: 1px !important;
31 | }
32 |
33 | .mess::-webkit-scrollbar {
34 | width: 5px !important;
35 | height: 5px !important;
36 | }
37 | .mess::-webkit-scrollbar-track {
38 | background: #3838387c !important;
39 | }
40 | .mess::-webkit-scrollbar-thumb {
41 | background-color: #e0120ba4 !important;
42 | border: 1px solid #ff020279 !important;
43 | border-radius: 1px !important;
44 | }
45 |
46 |
47 |
48 | .header{
49 | min-height: 100vh;
50 | width: 100%;
51 | background-image: linear-gradient(rgba(4,9,30,0.6),rgba(4,9,30,0.6)),url(../image/background.jpg);
52 | background-position: center;
53 | background-size: cover;
54 | position: relative;
55 | }
56 | nav{
57 | display: flex;
58 | padding: 2% 6%;
59 | justify-content: space-between;
60 | align-items: center;
61 | }
62 | nav img{
63 | width: 150px;
64 | }
65 | .nav-links{
66 | flex: 1;
67 | text-align: right;
68 |
69 | }
70 | .nav-links ul li{
71 | list-style: none;
72 | display: inline-block;
73 | padding: 8px 12px;
74 | position: relative;
75 |
76 | }
77 | .nav-links a{
78 | color: #fff;
79 | text-decoration: none;
80 | font-size: 16px;
81 |
82 | }
83 | .nav-links ul li::after{
84 | content: '';
85 | width: 0%;
86 | height: 2px;
87 | background: #ff0000;
88 | display: block;
89 | margin: auto;
90 | transition: 0.5s;
91 |
92 | }
93 | .nav-links ul li:hover::after{
94 | width: 100%;
95 |
96 | }
97 |
98 | .icon{
99 | display:none;
100 | }
101 |
102 | /* Remove outline of all elements on focus */
103 | *:focus {
104 | outline: 0;
105 | }
106 |
107 | body {
108 | min-height: 100vh;
109 | width: 100%;
110 | background-image: linear-gradient(rgba(4,9,30,0.6),rgba(4,9,30,0.6)),url(../image/background.jpg);
111 | background-position: center;
112 | background-size: cover;
113 | position: relative;
114 | font-family: myFirstFont;
115 | }
116 | :root{
117 | --white: #fff;
118 | --text-clr: #000024;
119 | --primary: #3e2093;
120 | --secondary: #000008;
121 | /* --secondary: #c0c1d2; */
122 | --input-bg: #f1f1ff;
123 | --btn-hvr: #1a0065;
124 | --tra: rgba(255, 255, 255, 0.959);
125 | /* --tra: rgba(255, 255, 255, 0.863); */
126 | --bordcolor:rgba(0, 26, 255, 0.082);
127 | /* --bordcolor:rgba(51, 61, 148, 0.521); */
128 | }
129 |
130 | *{
131 | margin: 0;
132 | padding: 0;
133 | box-sizing: border-box;
134 | outline: none;
135 | font-family: myFirstFont;
136 | }
137 |
138 | body{
139 | font-size: 14px;
140 | color: var(--text-clr);
141 | }
142 |
143 | .wrapper{
144 | width: 100%;
145 | padding: 0 10px;
146 | margin-top: 20px;
147 | display: flex;
148 | justify-content: center;
149 | }
150 |
151 | .r_form_wrap{
152 | width: 500px;
153 | max-width: 100%;
154 | }
155 |
156 | .r_form_wrap .title{
157 | padding: 25px;
158 | background: var(--white);
159 | border-radius: 3px;
160 | margin-bottom: 20px;
161 |
162 | }
163 |
164 | .r_form_wrap .title p{
165 | font-size: 25px;
166 | text-align: center;
167 | font-family: bold;
168 | }
169 |
170 | .r_form{
171 | padding: 40px;
172 | border-radius: 3px;
173 | background: var(--tra);
174 | }
175 |
176 | .r_form .input_wrap{
177 | width: 100%;
178 | margin-bottom: 25px;
179 | }
180 |
181 | .r_form .input_wrap label{
182 | display: block;
183 | margin-bottom: 5px;
184 | }
185 |
186 | .r_form .input_wrap .input_item{
187 | position: relative;
188 | width: 100%;
189 | }
190 |
191 | .r_form .input_wrap .input_item .input{
192 | width: 100%;
193 | border-radius: 3px;
194 | height: 40px;
195 | border: 2px solid var(--input-bg);
196 | background: var(--input-bg);
197 | padding: 10px 20px;
198 | padding-left: 50px;
199 | transition: 0.5s ease;
200 | color: var(--secondary);
201 | border-color: var(--bordcolor);
202 | }
203 |
204 | .r_form .input_wrap .input_item .input:focus{
205 | border-color: var(--primary);
206 | }
207 |
208 | .r_form .input_wrap .input_item .icon{
209 | position: absolute;
210 | top: 12px;
211 | left: 20px;
212 | color: var(--secondary);
213 | font-size: 16px;
214 | }
215 | #icon{
216 | position: absolute;
217 | top: 12px;
218 | left: 20px;
219 | color: var(--secondary);
220 | font-size: 16px;
221 | }
222 | .mess{
223 | width: 100%;
224 | border-radius: 3px;
225 | height: 250px;
226 | border: 2px solid var(--input-bg);
227 | background: var(--input-bg);
228 | padding: 10px 20px;
229 | padding-left: 50px;
230 | transition: 0.5s ease;
231 | color: var(--secondary);
232 | border-color: var(--bordcolor);
233 | }
234 | .mess:focus{
235 | border-color: var(--primary);
236 | }
237 | .button{
238 | width: 100%;
239 | border: 0;
240 | background: var(--primary);
241 | padding: 10px;
242 | border-radius: 3px;
243 | height: 40px;
244 | color: var(--white);
245 | cursor: pointer;
246 | transition: 0.5s ease;
247 | }
248 |
249 | .button:hover{
250 | border-color: var(--btn-hvr);
251 | }
252 |
253 | .clear_ad{
254 | margin-top: 10px;
255 | width: 100%;
256 | border: 0;
257 | background: var(--btn-hvr);
258 | padding: 10px;
259 | border-radius: 3px;
260 | height: 40px;
261 | color: var(--white);
262 | cursor: pointer;
263 | transition: 0.5s ease;
264 | }
265 |
266 | .clear_ad:hover{
267 | background: var(--primary);
268 | }
269 | /* Align items to center of the 'div' with the class 'center' */
270 | .center {
271 | text-align: center;
272 | }
273 | .none_div{
274 | height: 100px;
275 | width: 100px;
276 | }
277 |
278 | @media (max-width: 700px) {
279 |
280 | *{
281 | overflow-x: hidden;
282 | margin: 0;
283 | padding: 0;
284 |
285 | }
286 |
287 | #logo-img{
288 | padding: 10px;
289 | }
290 |
291 | .nav-links ul li{
292 | display: block;
293 | }
294 | .nav-links{
295 | position: absolute;
296 | background: #f44336;
297 | height: 100vh;
298 | width: 200px;
299 | top: 0%;
300 | right: -200px;
301 | text-align: left;
302 | z-index: 2;
303 | transition: 1s;
304 | }
305 | .icon{
306 | display: block;
307 | color: #fff;
308 | margin: 10px;
309 | font-size: 25px;
310 | cursor: pointer;
311 | }
312 | .nav-links ul{
313 | padding: 30px;
314 | }
315 | .container{
316 | padding: 12px 24px 24px 24px;
317 | /* padding: 25px; */
318 | margin: 45px 25px;
319 | }
320 | .c_from{
321 | margin-top: 15px;
322 | }
323 |
324 |
--------------------------------------------------------------------------------
/css/fees_style.CSS:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family:myFirstFont;
3 | src: url(../Poppins/Poppins-Regular.ttf);
4 | }
5 | @font-face {
6 | font-family: bold;
7 | src: url(../Poppins/Poppins-Bold.ttf);
8 | }
9 | *{
10 | margin: 0;
11 | padding: 0;
12 | box-sizing: border-box;
13 | outline: none;
14 | font-family: myFirstFont;
15 | }
16 |
17 | body{
18 | background-image: linear-gradient(rgba(4,9,30,0.6),rgba(4,9,30,0.6)),url(../image/background.jpg);
19 | background-position: center;
20 | background-size: cover;
21 | position: relative;
22 | font-size: 14px;
23 | color: var(--text-clr);
24 | font-family: myFirstFont;
25 | }
26 |
27 | /* Website Scrollerbar */
28 | body::-webkit-scrollbar {
29 | width: 5px !important;
30 | height: 5px !important;
31 | }
32 | body::-webkit-scrollbar-track {
33 | background: #3838387c !important;
34 | }
35 | body::-webkit-scrollbar-thumb {
36 | background-color: #e0120ba4 !important;
37 | border: 1px solid #ff020279 !important;
38 | border-radius: 1px !important;
39 | }
40 |
41 | .header{
42 | min-height: 100vh;
43 | width: 100%;
44 | background-image: linear-gradient(rgba(4,9,30,0.6),rgba(4,9,30,0.6)),url(../image/background.jpg);
45 | background-position: center;
46 | background-size: cover;
47 | position: relative;
48 | }
49 | nav{
50 | display: flex;
51 | padding: 2% 6%;
52 | justify-content: space-between;
53 | align-items: center;
54 | }
55 | nav img{
56 | width: 150px;
57 | }
58 | .nav-links{
59 | flex: 1;
60 | text-align: right;
61 |
62 | }
63 | .nav-links ul li{
64 | list-style: none;
65 | display: inline-block;
66 | padding: 8px 12px;
67 | position: relative;
68 |
69 | }
70 | .nav-links a{
71 | color: #fff;
72 | text-decoration: none;
73 | font-size: 16px;
74 |
75 | }
76 | .nav-links ul li::after{
77 | content: '';
78 | width: 0%;
79 | height: 2px;
80 | background: #ff0000;
81 | display: block;
82 | margin: auto;
83 | transition: 0.5s;
84 |
85 | }
86 | .nav-links ul li:hover::after{
87 | width: 100%;
88 |
89 | }
90 |
91 | .icon{
92 | display:none;
93 | }
94 |
95 |
96 | :root{
97 | --white: #fff;
98 | --text-clr: #000024;
99 | --primary: #3e2093;
100 | --secondary: #000008;
101 | /* --secondary: #c0c1d2; */
102 | --input-bg: #f1f1ff;
103 | --btn-hvr: #1a0065;
104 | --tra: rgba(255, 255, 255, 0.959);
105 | /* --tra: rgba(255, 255, 255, 0.863); */
106 | --bordcolor:rgba(0, 26, 255, 0.082);
107 | /* --bordcolor:rgba(51, 61, 148, 0.521); */
108 | }
109 |
110 | .wrapper{
111 | width: 100%;
112 | padding: 0 10px;
113 | margin-top: 20px;
114 | display: flex;
115 | justify-content: center;
116 | }
117 |
118 | .r_form_wrap{
119 | width: 500px;
120 | max-width: 100%;
121 | }
122 |
123 | .r_form_wrap .title{
124 | padding: 25px;
125 | background: var(--white);
126 | border-radius: 3px;
127 | margin-bottom: 20px;
128 |
129 | }
130 |
131 | .r_form_wrap .title p{
132 | font-size: 25px;
133 | text-align: center;
134 | font-family: myFirstFont;
135 | }
136 |
137 | .r_form{
138 | padding: 40px;
139 | border-radius: 3px;
140 | background: var(--tra);
141 | }
142 |
143 | .r_form .input_wrap{
144 | width: 100%;
145 | margin-bottom: 25px;
146 | }
147 |
148 | .r_form .input_wrap label{
149 | display: block;
150 | margin-bottom: 5px;
151 | }
152 |
153 | .r_form .input_wrap .input_item{
154 | position: relative;
155 | width: 100%;
156 | }
157 |
158 | .r_form .input_wrap .input_item .input{
159 | width: 100%;
160 | border-radius: 3px;
161 | height: 40px;
162 | border: 2px solid var(--input-bg);
163 | background: var(--input-bg);
164 | padding: 10px 20px;
165 | padding-left: 50px;
166 | transition: 0.5s ease;
167 | color: var(--secondary);
168 | border-color: var(--bordcolor);
169 | }
170 |
171 | .r_form .input_wrap .input_item .input:focus{
172 | border-color: var(--primary);
173 | }
174 |
175 | .button{
176 | width: 100%;
177 | border: 0;
178 | background: var(--primary);
179 | padding: 10px;
180 | border-radius: 3px;
181 | height: 40px;
182 | color: var(--white);
183 | cursor: pointer;
184 | transition: 0.5s ease;
185 | }
186 |
187 | .button:hover{
188 | border-color: var(--btn-hvr);
189 | background: var(--btn-hvr);
190 | }
191 |
192 | #uid_detail{
193 | color: #7c7c81;
194 | font-size: 12px;
195 | padding: 3.5px 0px;
196 | }
197 |
198 | .r_form .input_wrap .input_item .icon{
199 | position: absolute;
200 | top: 12px;
201 | left: 20px;
202 | color: var(--secondary);
203 | font-size: 16px;
204 | }
205 | #icon{
206 | position: absolute;
207 | top: 12px;
208 | left: 20px;
209 | color: var(--secondary);
210 | font-size: 16px;
211 | }
212 | .none_div{
213 | height: 100px;
214 | }
215 | #header_fees{
216 | font-family: bold;
217 | }
218 |
219 | @media (max-width: 700px) {
220 |
221 | *{
222 | overflow-x: hidden;
223 | margin: 0;
224 | padding: 0;
225 |
226 | }
227 |
228 | #logo-img{
229 | padding: 10px;
230 | }
231 |
232 | .nav-links ul li{
233 | display: block;
234 | }
235 | .nav-links{
236 | position: absolute;
237 | background: #f44336;
238 | height: 100vh;
239 | width: 200px;
240 | top: 0%;
241 | right: -200px;
242 | text-align: left;
243 | z-index: 2;
244 | transition: 1s;
245 | }
246 | .icon{
247 | display: block;
248 | color: #fff;
249 | margin: 10px;
250 | font-size: 25px;
251 | cursor: pointer;
252 | }
253 | .nav-links ul{
254 | padding: 30px;
255 | }
256 | #demo{
257 | height: 60px;
258 | width: 100%;
259 | overflow: hidden;
260 | }
261 | #demo1{
262 | height: 40px;
263 | width: 100%;
264 | overflow: hidden;
265 | }
266 |
267 |
--------------------------------------------------------------------------------
/css/main_style.css:
--------------------------------------------------------------------------------
1 |
2 | /* Cascading Style Sheets */
3 |
4 | *{
5 | margin: 0;
6 | padding: 0;
7 | /* border: 1px solid yellow; */
8 | }
9 |
10 | @font-face {
11 | font-family: myFirstFont;
12 | src: url(../Poppins/Poppins-Regular.ttf);
13 | }
14 | @font-face {
15 | font-family: bold;
16 | src: url(../Poppins/Poppins-Bold.ttf);
17 | }
18 |
19 | @font-face {
20 | font-family: secound;
21 | src: url(../Poppins/Poppins-Bold.ttf);
22 | }
23 |
24 | h1{
25 | font-family: bold;
26 | }
27 |
28 | body{
29 | font-family: myFirstFont,Verdana, Geneva, Tahoma, sans-serif;
30 | cursor:default;
31 | }
32 |
33 | /* Website Scrollerbar */
34 | body::-webkit-scrollbar {
35 | width: 5px !important;
36 | height: 5px !important;
37 | }
38 | body::-webkit-scrollbar-track {
39 | background: #3838387c !important;
40 | }
41 | body::-webkit-scrollbar-thumb {
42 | background-color: #e0120ba4 !important;
43 | border: 1px solid #ff020279 !important;
44 | border-radius: 1px !important;
45 | }
46 |
47 | .header{
48 | min-height: 100vh;
49 | width: 100%;
50 | background-image: linear-gradient(rgba(4,9,30,0.6),rgba(4,9,30,0.6)),url(../image/background.jpg);
51 | background-position: center;
52 | background-size: cover;
53 | position: relative;
54 | }
55 | nav{
56 | display: flex;
57 | padding: 2% 6%;
58 | justify-content: space-between;
59 | align-items: center;
60 | }
61 | nav img{
62 | width: 150px;
63 | }
64 | .nav-links{
65 | flex: 1;
66 | text-align: right;
67 |
68 | }
69 | .nav-links ul li{
70 | list-style: none;
71 | display: inline-block;
72 | padding: 8px 12px;
73 | position: relative;
74 |
75 | }
76 | .nav-links a{
77 | color: #fff;
78 | text-decoration: none;
79 | font-size: 16px;
80 |
81 | }
82 | .nav-links ul li::after{
83 | content: '';
84 | width: 0%;
85 | height: 2px;
86 | background: #ff0000;
87 | display: block;
88 | margin: auto;
89 | transition: 0.5s;
90 |
91 | }
92 | .nav-links ul li:hover::after{
93 | width: 100%;
94 |
95 | }
96 | .text-box{
97 | width: 90%;
98 | color: #fff;
99 | position:absolute;
100 | top: 30%;
101 | left: 50%;
102 | transform: translate(-50%,50%);
103 | text-align: center;
104 | }
105 | .text-box h1{
106 | font-size: 62px;
107 | font-weight: bold;
108 |
109 | }
110 | .text-box p{
111 | margin: 10px 0 40px;
112 | font-size: 14px;
113 | color: #fff;
114 |
115 | }
116 | .hero-btn{
117 | display: inline-block;
118 | text-decoration: none;
119 | color: yellow;
120 | border: 2px solid yellow;
121 | padding: 12px 34px;
122 | font-size: 13px;
123 | background: transparent;
124 | position: relative;
125 | cursor: pointer;
126 | border-radius: 5px;
127 | }
128 | .hero-btn:hover{
129 | color: black;
130 | border: 2px solid yellow;
131 | background:yellow;
132 | transition: 0.5s;
133 | }
134 |
135 | .icon{
136 | display:none;
137 | }
138 |
139 | /* Course */
140 |
141 | .course{
142 | width: 80%;
143 | margin: auto;
144 | text-align: center;
145 | padding-top: 100px;
146 | }
147 | h1{
148 | font-size: 36px;
149 | font-weight: 300;
150 | }
151 | p{
152 | color:#777;
153 | font-size: 14px;
154 | font-weight: 300;
155 | line-height: 22px;
156 | padding: 10px;
157 | }
158 | .row{
159 | margin-top: 5%;
160 | display: flex;
161 | justify-content: space-between;
162 | }
163 | .course-col{
164 | flex-basis: 31%;
165 | background: #fff3f3;
166 | border-radius: 10px;
167 | margin-bottom:5%;
168 | padding: 20px 12px;
169 | box-sizing: border-box;
170 | transition: 0.5s;
171 | }
172 | h3{
173 | text-align: center;
174 | font-weight: 600;
175 | margin: 10px 0px;
176 | }
177 | .course-col:hover{
178 | box-shadow: 10px 10px 24px 0px rgba(0,0,0,0.4);
179 | }
180 |
181 |
182 | /*Campus*/
183 |
184 |
185 | .campus{
186 | width: 80%;
187 | margin: auto;
188 | text-align: center;
189 | padding-top: 50px;
190 | }
191 | .campus-col{
192 | flex-basis: 32%;
193 | border-radius: 10px;
194 | margin-bottom: 30px;
195 | position: relative;
196 | overflow: hidden;
197 | }
198 | .campus-col img{
199 | width: 100%;
200 | display: block;
201 | }
202 | .layer{
203 | background: transparent;
204 | height: 100%;
205 | width: 100%;
206 | position: absolute;
207 | top: 0%;
208 | left: 0%;
209 | transition: 0.5s;
210 | }
211 |
212 | .layer:hover{
213 | background: rgba(0, 245, 253, 0.534);
214 |
215 | /* rgba(253, 0, 0, 0.7); */
216 | }
217 |
218 | .layer h3{
219 | width: 100%;
220 | font-weight: 500;
221 | color: #fff;
222 | font-size: 26px;
223 | bottom: 0%;
224 | left: 50%;
225 | transform: translate(-50%);
226 | position: absolute;
227 | opacity: 0;
228 | transition: 0.5s;
229 | }
230 |
231 | .layer:hover h3{
232 | opacity: 1;
233 | bottom: 49%;
234 | }
235 |
236 | /* Facilities */
237 |
238 | .facilities{
239 | width: 80%;
240 | margin: auto;
241 | text-align: center;
242 | padding-top: 50px;
243 | }
244 |
245 | .facilities-col{
246 | flex-basis: 31%;
247 | border-radius: 10px;
248 | margin-bottom: 5%;
249 | text-align: left;
250 | }
251 | .facilities-col img{
252 | width: 100%;
253 | border-radius: 10px;
254 | transition: 0.5s;
255 | }
256 | .facilities-col p{
257 | padding: 0%;
258 | }
259 |
260 | .facilities-col h3{
261 | margin-top: 16px;
262 | margin-bottom: 15px;
263 | text-align: left;
264 | }
265 |
266 | .facilities-col img:hover{
267 | box-shadow: 3.5px 5px 15px 10px rgba(0, 0, 0, 0.308);
268 | }
269 |
270 | /* Call To Action */
271 |
272 | .ctn{
273 | margin: 100px auto;
274 | width: 80%;
275 | background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(../image/banner_ggu.jpg);
276 | background-position: center;
277 | background-size: cover;
278 | border-radius: 10px;
279 | text-align: center;
280 | padding: 100px 0;
281 | transition: 0.5s;
282 | }
283 | .ctn h1{
284 | color: #fff;
285 | margin-bottom: 40px;
286 | padding: 0;
287 | }
288 | .ctn:hover{
289 | margin: 100px auto;
290 | width: 80%;
291 | background-image:linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.3)),url(../image/banner_ggu.jpg);
292 | background-position: center;
293 | background-size: cover;
294 | border-radius: 10px;
295 | padding: 100px 0;
296 | box-shadow: 10px 10px 24px 0px rgba(0, 0, 0, 0.664);
297 | }
298 | .ctn{
299 |
300 | }
301 |
302 | /* Footer */
303 |
304 | .footer{
305 | width: 100%;
306 | text-align: center;
307 | padding: 30px 0;
308 | margin-top: -50px;
309 | }
310 |
311 | .footer h4{
312 | margin-bottom: 25px;
313 | margin-top: 20px;
314 | font-weight: 600;
315 | }
316 |
317 | /* Media query for responsive */
318 |
319 | @media (max-width: 700px) {
320 |
321 | *{
322 | overflow-x: hidden;
323 | margin: 0;
324 | padding: 0;
325 |
326 | }
327 | #logo-img{
328 | padding: 10px;
329 | }
330 | .text-box h1{
331 | font-size: 30px;
332 | font-weight: bold;
333 | }
334 | .text-box p{
335 | font-size: 12px;
336 | }
337 | .nav-links ul li{
338 | display: block;
339 | }
340 | .nav-links{
341 | position: absolute;
342 | background: #f44336;
343 | height: 100vh;
344 | width: 200px;
345 | top: 0%;
346 | right: -200px;
347 | text-align: left;
348 | z-index: 2;
349 | transition: 1s;
350 | }
351 | .icon{
352 | display: block;
353 | color: #fff;
354 | margin: 10px;
355 | font-size: 25px;
356 | cursor: pointer;
357 | }
358 | .nav-links ul{
359 | padding: 30px;
360 | }
361 |
362 | /*Course in Media query*/
363 |
364 | .course-col{
365 | margin: 10px 10px;
366 | }
367 | .row{
368 | flex-direction: column;
369 | }
370 | .course-col:hover{
371 | box-shadow: 3px 3px 0.5px 0.5px rgba(0, 0, 0, 0.486);
372 | }
373 | /* Facilities */
374 | .facilities-col img:hover{
375 | box-shadow:none;
376 | }
377 |
378 | /* Call To Action in Media query*/
379 | .ctn h1{
380 | font-size: 24px;
381 | }
382 | }
383 |
384 | /* Media query is Close*/
385 |
--------------------------------------------------------------------------------
/fees_page.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | Online Pay Fees - GGU
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |