Hugging Face's logo

Spaces:
mohitkr827
/
ABC-University
Running

App Files Community
mohitkr827 commited on
Commit
a58b859
•
1 Parent(s): 076128e

Upload 6 files

Browse files
Files changed (6) hide show
  1. about.html +82 -0
  2. admission.html +112 -0
  3. contact.html +115 -0
  4. feedback.html +84 -0
  5. index.html +147 -0
  6. style.css +415 -0
about.html ADDED
@@ -0,0 +1,82 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>ABC University</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,600;0,700;1,200;1,300;1,600;1,800&display=swap" rel="stylesheet">
12
+ <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet">
13
+ </head>
14
+ <body>
15
+ <section class="sub-header">
16
+ <nav>
17
+ <a href="/index.html"><img src="images\logo.png"> </a>
18
+ <div class="nav-links" id="navlinks">
19
+ <i class="lni lni-close" onclick="hideMenu()"></i>
20
+ <ul>
21
+ <li><a href="index.html">HOME</a></li>
22
+ <li><a href="about.html">ABOUT</a></li>
23
+ <li><a href="admission.html">ADMISSION</a></li>
24
+ <li><a href="feedback.html">FEEDBACK</a></li>
25
+ <li><a href="contact.html">CONTACT</a></li>
26
+ </ul>
27
+
28
+ </div>
29
+ <i class="lni lni-menu" onclick="showMenu()"></i>
30
+ </nav>
31
+ <h1>About Us</h1>
32
+
33
+ </section>
34
+
35
+ <!--conetnt-->
36
+ <section class="abt">
37
+ <div class="row">
38
+
39
+ <div class="abt-col">
40
+ <h1>Changing the world through education, for 100 years now.</h1>
41
+ <p>Established in 1921 in Oslo by Norwegian educationalist I.Forgor and professor D.Natts, ABC University has been
42
+ delivering quality education to students around the globe. Havaing two international branches in Oslo and Pune,
43
+ ABC takes pride in having produced alumni like Leo Messi, Pablo Escobar, Paul McCartney, Andre Istvan, Albet Einsten
44
+ and many more. This goes on to show how ABC shapes a person beyond academics and helps them realise their true potential.
45
+ </p>
46
+ <a href="contact.html" class="more-btn no-btn">Discover More</a>
47
+ </div>
48
+
49
+ <div class="abt-col">
50
+ <img src="images/abt2.jpg" >
51
+
52
+ </div>
53
+
54
+ </div>
55
+
56
+ </section>
57
+
58
+
59
+ <section class="footer">
60
+ <h4>Connect with us</h4>
61
+ <p>Connect with us on social media to stay updated about us.</p>
62
+
63
+ <div class="icons">
64
+ <i class="lni lni-facebook"></i>
65
+ <i class="lni lni-instagram-original"></i>
66
+ <i class="lni lni-twitter"></i>
67
+ </div>
68
+ <p>Made by Mohit Kumar</p>
69
+
70
+ </section>
71
+ <script>
72
+ var navlinks=document.getElementById("navlinks");
73
+
74
+ function showMenu(){
75
+ navlinks.style.right= "0";
76
+ }
77
+ function hideMenu(){
78
+ navlinks.style.right="-200px";
79
+ }
80
+ </script>
81
+ </body>
82
+ </html>
admission.html ADDED
@@ -0,0 +1,112 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>ABC University</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,600;0,700;1,200;1,300;1,600;1,800&display=swap" rel="stylesheet">
12
+ <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet">
13
+ </head>
14
+ <body>
15
+ <section class="sub-header">
16
+ <nav>
17
+ <a href="/index.html"><img src="images\logo.png"> </a>
18
+ <div class="nav-links" id="navlinks">
19
+ <i class="lni lni-close" onclick="hideMenu()"></i>
20
+ <ul>
21
+ <li><a href="index.html">HOME</a></li>
22
+ <li><a href="about.html">ABOUT</a></li>
23
+ <li><a href="admission.html">ADMISSION</a></li>
24
+ <li><a href="feedback.html">FEEDBACK</a></li>
25
+ <li><a href="contact.html">CONTACT</a></li>
26
+ </ul>
27
+
28
+ </div>
29
+ <i class="lni lni-menu" onclick="showMenu()"></i>
30
+ </nav>
31
+ <h1>Apply now and become part of the ABC family</h1>
32
+ <p> </p>
33
+ <a href="contact.html" class="more-btn no-btn">Apply Now</a>
34
+
35
+ </section>
36
+
37
+
38
+ <!--Courses-->
39
+ <section class="course">
40
+ <h1>Our Courses</h1>
41
+ <p>We have something for everyone.</p>
42
+ <div class="row">
43
+
44
+ <div class="course-col">
45
+ <h3>Technology</h3>
46
+ <p>Technical degrees like B.Tech, BCA, M.Tech, MCA</p>
47
+ </div>
48
+
49
+ <div class="course-col">
50
+ <h3>Commerce</h3>
51
+ <p>Commercial degrees like B.Com, B.A. Economics, BBA, M.Com, M.A Economics, MBA</p>
52
+ </div>
53
+
54
+ <div class="course-col">
55
+ <h3>Humanities</h3>
56
+ <p>Bachelor's and Master's degree in suubjects like literature, social science, political science, etc.</p>
57
+ </div>
58
+ </div>
59
+
60
+ <!--Facilities-->
61
+ <section class="fac">
62
+ <h1>Facilties</h1>
63
+ <p>Top tier facilities to help learning.</p>
64
+
65
+ <div class="row">
66
+
67
+ <div class="fac-col">
68
+ <img src="images/lib.jpg">
69
+ <h3>Library</h3>
70
+ <p>Physical as well as e-Library with an extensive collection of books.</p>
71
+ </div>
72
+
73
+ <div class="fac-col">
74
+ <img src="images/ply.jpg">
75
+ <h3>Playground</h3>
76
+ <p>Playgrounds for various sports in accordance with international standards.</p>
77
+ </div>
78
+
79
+ <div class="fac-col">
80
+ <img src="images/lab.jpg">
81
+ <h3>Laboratories</h3>
82
+ <p>Excellent labs with the most advanced and modern technologies in place.</p>
83
+ </div>
84
+
85
+ </div>
86
+ </section>
87
+
88
+
89
+ <section class="footer">
90
+ <h4>Connect with us</h4>
91
+ <p>Connect with us on social media to stay updated about us.</p>
92
+
93
+ <div class="icons">
94
+ <i class="lni lni-facebook"></i>
95
+ <i class="lni lni-instagram-original"></i>
96
+ <i class="lni lni-twitter"></i>
97
+ </div>
98
+ <p>Made by Mohit Kumar</p>
99
+
100
+ </section>
101
+ <script>
102
+ var navlinks=document.getElementById("navlinks");
103
+
104
+ function showMenu(){
105
+ navlinks.style.right= "0";
106
+ }
107
+ function hideMenu(){
108
+ navlinks.style.right="-200px";
109
+ }
110
+ </script>
111
+ </body>
112
+ </html>
contact.html ADDED
@@ -0,0 +1,115 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>ABC University</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,600;0,700;1,200;1,300;1,600;1,800&display=swap" rel="stylesheet">
12
+ <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet">
13
+ </head>
14
+ <body>
15
+ <section class="sub-header">
16
+ <nav>
17
+ <a href="/index.html"><img src="images\logo.png"> </a>
18
+ <div class="nav-links" id="navlinks">
19
+ <i class="lni lni-close" onclick="hideMenu()"></i>
20
+ <ul>
21
+ <li><a href="index.html">HOME</a></li>
22
+ <li><a href="about.html">ABOUT</a></li>
23
+ <li><a href="admission.html">ADMISSION</a></li>
24
+ <li><a href="feedback.html">FEEDBACK</a></li>
25
+ <li><a href="contact.html">CONTACT</a></li>
26
+ </ul>
27
+
28
+ </div>
29
+ <i class="lni lni-menu" onclick="showMenu()"></i>
30
+ </nav>
31
+ <h1>Contact Us</h1>
32
+
33
+ </section>
34
+
35
+ <!--contact-->
36
+ <section class="location">
37
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2000.1552117010883!2d10.749856180955215!3d59.9129713853183!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46416e61f267f039%3A0x7e92605fd3231e9a!2sOslo%2C%20Norway!5e0!3m2!1sen!2sin!4v1629424597038!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
38
+
39
+ </section>
40
+
41
+ <section class="contus">
42
+ <div class="row">
43
+
44
+ <div class="contus-col">
45
+
46
+ <div>
47
+ <i class="lni lni-home"></i>
48
+ <span>
49
+ <h5>ABC University, Oslo Cathedral Road</h5>
50
+ <p>Oslo,Norway.</p>
51
+ </span>
52
+ </div>
53
+
54
+ <div>
55
+ <i class="lni lni-phone"></i>
56
+ <span>
57
+ <h5>+47 12345-54321</h5>
58
+ <p>Monday to Friday, 10 a.m. to 5 p.m. CET</p>
59
+ </span>
60
+ </div>
61
+
62
+ <div>
63
+ <i class="lni lni-envelope"></i>
64
+ <span>
65
+ <h5>info@abcuni.edu</h5>
66
+ <p>Email us for admissions/other queries.</p>
67
+ </span>
68
+ </div>
69
+
70
+ </div>
71
+
72
+ <div class="contus-col">
73
+ <form action="">
74
+ <input type="text" placeholder="Enter Name" required>
75
+ <input type="email" placeholder="Enter Email" required>
76
+ <input type="text" placeholder="Enter Subject" required>
77
+ <textarea rows="8" placeholder="Message" required></textarea>
78
+ <button type="submit" class="more-btn no-btn">Send Message</button>
79
+
80
+
81
+ </form>
82
+
83
+ </div>
84
+
85
+
86
+
87
+ </div>
88
+
89
+ </section>
90
+
91
+
92
+ <section class="footer">
93
+ <h4>Connect with us</h4>
94
+ <p>Connect with us on social media to stay updated about us.</p>
95
+
96
+ <div class="icons">
97
+ <i class="lni lni-facebook"></i>
98
+ <i class="lni lni-instagram-original"></i>
99
+ <i class="lni lni-twitter"></i>
100
+ </div>
101
+ <p>Made by Mohit Kumar</p>
102
+
103
+ </section>
104
+ <script>
105
+ var navlinks=document.getElementById("navlinks");
106
+
107
+ function showMenu(){
108
+ navlinks.style.right= "0";
109
+ }
110
+ function hideMenu(){
111
+ navlinks.style.right="-200px";
112
+ }
113
+ </script>
114
+ </body>
115
+ </html>
feedback.html ADDED
@@ -0,0 +1,84 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>ABC University</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,600;0,700;1,200;1,300;1,600;1,800&display=swap" rel="stylesheet">
12
+ <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet">
13
+ </head>
14
+ <body>
15
+ <section class="sub-header">
16
+ <nav>
17
+ <a href="/index.html"><img src="images\logo.png"> </a>
18
+ <div class="nav-links" id="navlinks">
19
+ <i class="lni lni-close" onclick="hideMenu()"></i>
20
+ <ul>
21
+ <li><a href="index.html">HOME</a></li>
22
+ <li><a href="about.html">ABOUT</a></li>
23
+ <li><a href="admission.html">ADMISSION</a></li>
24
+ <li><a href="feedback.html">FEEDBACK</a></li>
25
+ <li><a href="contact.html">CONTACT</a></li>
26
+ </ul>
27
+
28
+ </div>
29
+ <i class="lni lni-menu" onclick="showMenu()"></i>
30
+ </nav>
31
+ <h1>Leave some feedback, or submit a query.</h1>
32
+
33
+ </section>
34
+
35
+ <!--feedback content-->
36
+ <section class="feed">
37
+ <div class="row">
38
+ <div class="feed-left">
39
+ <img src="images/feed.jpg">
40
+ <h2>Feedback/Query form.</h2>
41
+ </div>
42
+ <div class="feed-right">
43
+ <div class="comment">
44
+ <h3>Your opinion is valuable to us.</h3>
45
+ <form class="comment-form">
46
+ <input type="text" placeholder="Enter Name.">
47
+ <input type="email" placeholder="Enter Email.">
48
+ <textarea rows="5" placeholder="Feedback/Query"></textarea>
49
+ <button type="submit" class="more-btn no-btn">Submit</button>
50
+ </form>
51
+
52
+ </div>
53
+ </div>
54
+
55
+ </div>
56
+
57
+ </section>
58
+
59
+
60
+
61
+ <section class="footer">
62
+ <h4>Connect with us</h4>
63
+ <p>Connect with us on social media to stay updated about us.</p>
64
+
65
+ <div class="icons">
66
+ <i class="lni lni-facebook"></i>
67
+ <i class="lni lni-instagram-original"></i>
68
+ <i class="lni lni-twitter"></i>
69
+ </div>
70
+ <p>Made by Mohit Kumar</p>
71
+
72
+ </section>
73
+ <script>
74
+ var navlinks=document.getElementById("navlinks");
75
+
76
+ function showMenu(){
77
+ navlinks.style.right= "0";
78
+ }
79
+ function hideMenu(){
80
+ navlinks.style.right="-200px";
81
+ }
82
+ </script>
83
+ </body>
84
+ </html>
index.html ADDED
@@ -0,0 +1,147 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>ABC University</title>
8
+ <link rel="stylesheet" href="style.css">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11
+ <link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,600;0,700;1,200;1,300;1,600;1,800&display=swap" rel="stylesheet">
12
+ <link href="https://cdn.lineicons.com/3.0/lineicons.css" rel="stylesheet">
13
+ </head>
14
+ <body>
15
+ <section class="header">
16
+ <nav>
17
+ <a href="/index.html"><img src="images\logo.png"> </a>
18
+ <div class="nav-links" id="navlinks">
19
+ <i class="lni lni-close" onclick="hideMenu()"></i>
20
+ <ul>
21
+ <li><a href="index.html">HOME</a></li>
22
+ <li><a href="about.html">ABOUT</a></li>
23
+ <li><a href="admission.html">ADMISSION</a></li>
24
+ <li><a href="feedback.html">FEEDBACK</a></li>
25
+ <li><a href="contact.html">CONTACT</a></li>
26
+ </ul>
27
+
28
+ </div>
29
+ <i class="lni lni-menu" onclick="showMenu()"></i>
30
+ </nav>
31
+ <div class="text-box">
32
+ <h1>ABC - Empowering Students</h1>
33
+ <p>For the past 100 years, ABC has been delivering<br> quality education to students around the globe and helped them realise their dreams.</p>
34
+ <a href="about.html" class="more-btn">Know More</a>
35
+ </div>
36
+
37
+ </section>
38
+
39
+ <!--Courses-->
40
+ <section class="course">
41
+ <h1>Our Courses</h1>
42
+ <p>We have something for everyone.</p>
43
+ <div class="row">
44
+
45
+ <div class="course-col">
46
+ <h3>Technology</h3>
47
+ <p>Technical degrees like B.Tech, BCA, M.Tech, MCA</p>
48
+ </div>
49
+
50
+ <div class="course-col">
51
+ <h3>Commerce</h3>
52
+ <p>Commercial degrees like B.Com, B.A. Economics, BBA, M.Com, M.A Economics, MBA</p>
53
+ </div>
54
+
55
+ <div class="course-col">
56
+ <h3>Humanities</h3>
57
+ <p>Bachelor's and Master's degree in suubjects like literature, social science, political science, etc.</p>
58
+ </div>
59
+ </div>
60
+
61
+ </section>
62
+
63
+ <!--campus-->
64
+ <section class="campus">
65
+ <h1>Our Campus</h1>
66
+ <p>High quality education in two of our campuses.</p>
67
+
68
+ <div class="campus-col">
69
+ <img src="images/camp1.jpg">
70
+ <div class="layer">
71
+ <h3>NORWAY</h3>
72
+
73
+ </div>
74
+ </div>
75
+
76
+ <div class="campus-col">
77
+ <img src="images/camp2.jpg">
78
+ <div class="layer">
79
+ <h3>INDIA</h3>
80
+
81
+ </div>
82
+ </div>
83
+
84
+ </section>
85
+
86
+ <!--Facilities-->
87
+ <section class="fac">
88
+ <h1>Facilties</h1>
89
+ <p>Top tier facilities to help learning.</p>
90
+
91
+ <div class="row">
92
+
93
+ <div class="fac-col">
94
+ <img src="images/lib.jpg">
95
+ <h3>Library</h3>
96
+ <p>Physical as well as e-Library with an extensive collection of books.</p>
97
+ </div>
98
+
99
+ <div class="fac-col">
100
+ <img src="images/ply.jpg">
101
+ <h3>Playground</h3>
102
+ <p>Playgrounds for various sports in accordance with international standards.</p>
103
+ </div>
104
+
105
+ <div class="fac-col">
106
+ <img src="images/lab.jpg">
107
+ <h3>Laboratories</h3>
108
+ <p>Excellent labs with the most advanced and modern technologies in place.</p>
109
+ </div>
110
+
111
+ </div>
112
+ </section>
113
+
114
+ <!---contact home-->
115
+ <section class="con">
116
+ <h1>Contact us now for <br>enquiry or admission</h1>
117
+ <a href="contact.html" class="more-btn">Contact Us</a>
118
+
119
+ </section>
120
+
121
+
122
+ <!--footer-->
123
+
124
+ <section class="footer">
125
+ <h4>Connect with us</h4>
126
+ <p>Connect with us on social media to stay updated about us.</p>
127
+
128
+ <div class="icons">
129
+ <i class="lni lni-facebook"></i>
130
+ <i class="lni lni-instagram-original"></i>
131
+ <i class="lni lni-twitter"></i>
132
+ </div>
133
+ <p>Made by Mohit Kumar</p>
134
+
135
+ </section>
136
+ <script>
137
+ var navlinks=document.getElementById("navlinks");
138
+
139
+ function showMenu(){
140
+ navlinks.style.right= "0";
141
+ }
142
+ function hideMenu(){
143
+ navlinks.style.right="-200px";
144
+ }
145
+ </script>
146
+ </body>
147
+ </html>
style.css ADDED
@@ -0,0 +1,415 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ *{
2
+ margin: 0;
3
+ padding: 0;
4
+ font-family: 'Raleway', sans-serif;
5
+ }
6
+ .header{
7
+ min-height: 100vh;
8
+ width: 100%;
9
+ background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/bg.jpg);
10
+ background-position: center;
11
+ background-size: cover;
12
+ position: relative;
13
+
14
+ }
15
+ nav{
16
+ display: flex;
17
+ padding: 2% 6%;
18
+ justify-content: space-between ;
19
+ align-items: center;
20
+ }
21
+ nav img{
22
+ width: 400px;
23
+ }
24
+ .nav-links{
25
+ flex: 1;
26
+ text-align: right;
27
+ }
28
+ .nav-links ul li{
29
+ list-style: none;
30
+ display: inline-block;
31
+ padding: 8px 12px;
32
+ position: relative;
33
+
34
+ }
35
+ .nav-links ul li a{
36
+ color: white;
37
+ text-decoration: none;
38
+ font-size: 15px;
39
+ }
40
+ .nav-links ul li::after{
41
+ content: '';
42
+ width: 0%;
43
+ height: 2px;
44
+ background: orange;
45
+ display: block;
46
+ margin: auto;
47
+ transition: 0.5s;
48
+ }
49
+ .nav-links ul li:hover::after{
50
+ width: 100%;
51
+ }
52
+ .text-box{
53
+ width: 90%;
54
+ color: white;
55
+ position: absolute;
56
+ top: 50%;
57
+ left: 50%;
58
+ transform: translate(-50%,-50%);
59
+ text-align: center;
60
+ }
61
+ .text-box h1{
62
+ font-size: 62px;
63
+ }
64
+ .text-box p{
65
+ margin: 10px 0 40px;
66
+ font-size: 14px;
67
+ color: white;
68
+ }
69
+ .more-btn{
70
+ display: inline-block;
71
+ text-decoration: none;
72
+ color: white;
73
+ border: 1px solid white;
74
+ padding: 12px 34px;
75
+ background: transparent;
76
+ position: relative;
77
+ cursor: pointer;
78
+ }
79
+ .more-btn:hover{
80
+ border: 1px solid orange;
81
+ background: orange;
82
+ transition: 1s;
83
+ }
84
+ nav .lni{
85
+ display: none;
86
+ }
87
+
88
+ @media(max-width: 700px){
89
+ .text-box h1{
90
+ font-size: 20px;
91
+ }
92
+ .nav-links ul li{
93
+ display: block;
94
+ }
95
+ .nav-links{
96
+ position: absolute;
97
+ background: orange;
98
+ height: 100vh;
99
+ width: 200px;
100
+ top: 0;
101
+ right: -200px;
102
+ text-align: left;
103
+ z-index: 2;
104
+ transition: 1s;
105
+ }
106
+ nav .lni{
107
+ display: block;
108
+ color: white;
109
+ margin: 10px;
110
+ font-size: 22px;
111
+ cursor: pointer;
112
+
113
+ }
114
+ .nav-links ul{
115
+ padding: 30px;
116
+
117
+ }
118
+ }
119
+
120
+ /*-----courses-----*/
121
+
122
+ .course{
123
+ width: 80%;
124
+ margin: auto;
125
+ text-align: center ;
126
+ padding-top: 100px;
127
+ }
128
+ h1{
129
+ font-size: 36px;
130
+ font-weight: 600;
131
+ }
132
+ p{
133
+ color: black;
134
+ font-size: 14px;
135
+ font-weight: 300;
136
+ line-height: 22px;
137
+ padding: 10px;
138
+ }
139
+
140
+ .row{
141
+ margin-top: 5%;
142
+ display: flex;
143
+ justify-content: space-between;
144
+ }
145
+ .course-col{
146
+ flex-basis: 31%;
147
+ background: rgb(236, 194, 145);
148
+ border-radius: 10px;
149
+ margin-bottom: 5%;
150
+ padding: 20px 12px;
151
+ box-sizing: border-box;
152
+ transition: 0.5s;
153
+
154
+ }
155
+ h3{
156
+ text-align: center;
157
+ font-weight: 600;
158
+ margin: 10px 0;
159
+ }
160
+ .course-col:hover{
161
+ box-shadow: 0 0 20px 0px rgba(0,0,0,0.5) ;
162
+ }
163
+
164
+ @media(max-width: 700px){
165
+ .row{
166
+ flex-direction: column;
167
+ }
168
+ }
169
+
170
+ /*--campus--*/
171
+
172
+ .campus{
173
+ width: 80%;
174
+ margin: auto;
175
+ text-align: center;
176
+ padding-top: 50px;
177
+ }
178
+
179
+ .campus-col{
180
+ flex-basis: 30%;
181
+ border-radius: 10px;
182
+ margin-bottom: 30px;
183
+ position: relative;
184
+ overflow: hidden;
185
+ }
186
+ .campus-col img{
187
+ width: 100%;
188
+ border-radius: 10px;
189
+ display: block;
190
+ }
191
+ .layer{
192
+ background: transparent;
193
+ height: 100%;
194
+ width: 100%;
195
+ position: absolute;
196
+ top: 0;
197
+ left: 0;
198
+ transition: 0.5s;
199
+
200
+ }
201
+ .layer:hover{
202
+ background: rgba(255, 137, 69, 0.7);
203
+ }
204
+ .layer h3{
205
+ width: 100%;
206
+ font-weight: 500;
207
+ color: white;
208
+ font-size: 26px;
209
+ bottom: 0;
210
+ left: 50%;
211
+ transform: translate(-50%);
212
+ position: absolute;
213
+ opacity: 0;
214
+ transition: 0.5s;
215
+ }
216
+ .layer:hover h3{
217
+ bottom: 49%;
218
+ opacity: 1;
219
+ }
220
+
221
+ /*----facilities---*/
222
+
223
+ .fac{
224
+ width: 80%;
225
+ margin: auto;
226
+ text-align: center;
227
+ padding-top: 100px ;
228
+
229
+ }
230
+ .fac-col{
231
+ flex-basis: 31%;
232
+ border-radius: 10px;
233
+ margin-bottom: 5%;
234
+ text-align: left;
235
+
236
+ }
237
+ .fac-col img{
238
+ width: 100%;
239
+ border-radius: 10px;
240
+ }
241
+ .fac-col p{
242
+ padding: 0;
243
+ }
244
+ .fac-col h3{
245
+ margin-top: 16px;
246
+ margin-bottom: 15px;
247
+ text-align: left;
248
+ }
249
+ /*---home contact--*/
250
+ .con{
251
+ margin: 100px auto;
252
+ width: 80%;
253
+ background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.7)),url(images/conh.jpg);
254
+ background-position: center;
255
+ background-size: cover;
256
+ border: 10px;
257
+ text-align: center;
258
+ padding: 10px;
259
+ }
260
+ .con h1{
261
+ color: white;
262
+ margin-bottom: 40px;
263
+ padding: 0;
264
+ }
265
+
266
+ /*----footer---*/
267
+
268
+ .footer{
269
+ width: 100%;
270
+ text-align: center;
271
+ padding: 30px 0;
272
+ }
273
+ .footer h4{
274
+ margin-bottom: 25px;
275
+ margin-top: 20px;
276
+ font-weight: 600;
277
+ }
278
+ .icons .lni{
279
+ color: rgb(255, 87, 9);
280
+ margin: 0 13px;
281
+ cursor: pointer;
282
+ padding: 18px 0;
283
+ }
284
+
285
+
286
+ /*----------ABOUT PAGE-----------*/
287
+
288
+ .sub-header{
289
+ height: 50vh;
290
+ width: 100%;
291
+ background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url(images/abbg.jpg);
292
+ background-position: center;
293
+ background-size: cover;
294
+ text-align: center;
295
+ color: white;
296
+ }
297
+ .sub-header h1{
298
+ margin-top: 100px;
299
+
300
+ }
301
+ .abt{
302
+ width: 80%;
303
+ margin: auto;
304
+ padding-top: 80px;
305
+ padding-bottom: 50px;
306
+ }
307
+ .abt-col{
308
+ flex-basis: 48%;
309
+ padding: 30px 2px;
310
+ }
311
+ .abt-col img{
312
+ width: 100%;
313
+ }
314
+ .abt-col h1{
315
+ padding-top: 0;
316
+ }
317
+ .abt-col p{
318
+ padding: 15px 0 25px;
319
+ }
320
+ .no-btn{
321
+ border: 1px solid orange;
322
+ background: transparent;
323
+ color: orange;
324
+ }
325
+ .no-btn:hover{
326
+ color: white;
327
+ }
328
+
329
+ /*---------FEEDBACK PAGE-----*/
330
+
331
+ .feed{
332
+ width: 80%;
333
+ margin: auto;
334
+ padding: 60px 0;
335
+
336
+ }
337
+ .feed-left{
338
+ flex-basis: 65%;
339
+
340
+ }
341
+ .feed-left img{
342
+ width: 100%;
343
+ }
344
+ .feed-left h2{
345
+ color: black;
346
+ font-weight: 600;
347
+ margin: 30px 0;
348
+ }
349
+ .comment{
350
+ border: 1px solid #cccc;
351
+ margin: 0.05px 0;
352
+ padding: 0.001px 20px;
353
+ }
354
+ .comment h3{
355
+ text-align: left;
356
+ }
357
+ .comment-form input,textarea{
358
+ width: 100%;
359
+ padding: 10px;
360
+ margin: 15px 0;
361
+ box-sizing: border-box;
362
+ border: none;
363
+ outline: none;
364
+ background: #f0f0f0;
365
+ }
366
+ .comment-form button{
367
+ margin: 10px 0;
368
+ }
369
+
370
+ /*------contact us page -----------------*/
371
+
372
+ .location{
373
+ width: 80%;
374
+ margin: auto;
375
+ padding: 80px 0;
376
+ }
377
+ .location iframe{
378
+ width: 100%;
379
+ }
380
+
381
+ .contus{
382
+ width: 80%;
383
+ margin: auto;
384
+ }
385
+ .contus-col{
386
+ flex-basis: 48%;
387
+ margin-bottom: 30px;
388
+ }
389
+ .contus-col div{
390
+ display: flex;
391
+ align-items: center;
392
+ margin-bottom: 40px;
393
+ }
394
+ .contus-col div .lni{
395
+ font-size: 28px;
396
+ color: red;
397
+ margin: 10px;
398
+ margin-right: 30px;
399
+ }
400
+ .contus-col div p{
401
+ padding: 0;
402
+ }
403
+ .contus-col div h5{
404
+ font-size: 20px;
405
+ margin-bottom: 5px;
406
+ color: #555;
407
+ font-weight: 400;
408
+ }
409
+ .contus-col input, .contus-col textarea{
410
+ width: 100%;
411
+ padding: 15px;
412
+ margin-bottom: 17px;
413
+ outline: none;
414
+ border: 1px solid #ccc ;
415
+ }