final.github.io/index.html at main · Amit14276/final.github.io · GitHub

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

<!DOCTYPE html>

<html>

<head>
    <meta name="viewport" content="with=device-width, initial-scale=1.0">
    <link rel="icon" href="logo1.png" type="image/icon type">
    <title>MultiPage Responsive Website</title>
    <link rel="stylesheet" href="Style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@1,300;1,400;1,700&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>


<body>
    <!----------Header Section-->

    <button onclick="topFunction()" id="myBtn"><i class="fa fa-arrow-up"></i></button>

    <section class="header">


        <nav>
            <a href="https://amit14276-git.github.io/websit1/"><img src="logo1.png"></a>

            <div class="nav-links" id="navLinks">

                <i class="fa fa-times" onclick="hideMenu()"></i>

                <!-----menu contents-->

                <ul>
                    <li><a href="https://amit14276.github.io/final.github.io/">HOME</a></li>
                    <li><a href="About.html">ABOUT</a></li>
                    <li><a href="Course.html">COURSE</a></li>
                    <li><a href="Hostel.html">HOSTEL</a></li>
                    <li><a href="Contact.html">CONTACT</a></li>
                </ul>

            </div>

            <i class="fa fa-bars" onclick="showMenu()"></i>
        </nav>


        <div class="text-box">

            <h1>CMR Institute Of Technology</h1>
            <p>Established in 2000, the CMR Institute of Technology imparts quality, pragmatic education in engineering and management to help students hone their analytical abilities and develop their creative thinking skills.<br>
                MRIT meets the rapidly growing need for technology professionals by nurturing young minds in an innovative and progressive learning environment. Situated in the very heart of South India’s IT corridor, the CMRIT campus in Whitefield, Bangalore is centrally located, well connected and easily accessible.</p>
            <a href="Contact.html" class="btn">Visit us to know more</a>

        </div>

        <button onclick="scrollWin()" class="arrow"><i class="fa fa-angle-down"></i></button>


    </section>

    <!---------Course Section-->

    <section class="course">
        <h1>COURSES We Offer</h1>
        <p>We Offer COURSES in all the 3 fields - Technology, Science and Management</p>


        <div class="row">
            <div class="course-col">
                <h3>Technology</h3>
                <p><b>BTech</b> <span>An undergraduate academic degree conferred after the
                        completion of a 4-year program of studies</span>,<br> <b>MTech</b> <span>A postgraduate academic
                        degree
                        conferred after the
                        completion of a 2-year program of studies</span>,<br><b>PhD </b><span>The
                        most
                        common degree at the highest academic level awarded following a course of study</span></p>
            </div>
            <div class="course-col">
                <h3>Science</h3>
                <p><b>BSc</b> <span>A bachelor's degree awarded for programs that generally last 3 years</span>,<br><br>
                    <b>Msc</b> <span>A Master's degree awarded for programs that generally last
                        2 years</span>,<br><br><b>Diploma</b> <span>A short term course generally of 3 years which
                        mainly
                        focus
                        on training students in particular field</span>
                </p>
            </div>
            <div class="course-col">
                <h3>Management</h3>
                <p><b>BBA</b> <span>A bachelor's degree in business administration</span>,<br><b>MBA</b> <span>A
                        Master's degree in business administration</span>,<br><b>BCom</b> <span>The Bachelor of
                        Commerce is a 4-year undergraduate degree in commerce and its related subjects. BCom
                        has a broader perspective and teaches students a wide range of subjects.</span></p>
            </div>
        </div>


    </section>

    <!-----Campus-->
    <section class="campus">
        <h1>Our Campus</h1>
        <p>There are different Clubs on Campus where the student can join during his/her academic session at CMRIT, besides their competitive academic environment and co-curricular activities.</p>


        <div class="row">
            <div class="campus-col">
                <img src="images/canteen..jpg">
                <div class="layer">
                    <h3>BEST PLACE</h3>
                </div>
            </div>
            <div class="campus-col">
                <img src="images/audiotorium.jpg">
                <div class="layer">
                    <h3>DHAWNI</h3>
                </div>
            </div>
            <div class="campus-col">
                <img src="images/playGround.jpg">
                <div class="layer">
                    <h3>Multi-Purpose GROUND</h3>
                </div>
            </div>
        </div>


    </section>
    <!----Facilities-->

    <section class="facilities">
        <h1>Our Facilities</h1>
        <p>They typically oversee activities like catering, cleaning, building maintenance, environmental services, security and reception</p>


        <div class="row">

            <div class="facilities-col">
                <img src="images/library.jpg">
                <h3>Library</h3>
                <p>Our Library</p>
            </div>
            <div class="facilities-col">
                <img src="images/gym1.jpg">
                <h3>Gym</h3>
                <p>Gym for health and wealth</p>
            </div>
            <div class="facilities-col">
                <img src="images/mess1.jpeg">
                <h3>Mess</h3>
                <p>Tatsy and Healthy food</p>
            </div>


        </div>


    </section>
    <!--------Contact----->
    <section class="contact">
        <h1>Enroll for various Courses available in Technology and Management fields</h1>
        <a href="Contact.html" class="btn">Contact Us</a>
    </section>

    <!-----Footer------>

    <section class="footer">
        <h4>About Us</h4>
        <p>Pursuit of knowledge through experience is the cornerstone of CMR Institute Of Technology.<br> We aim to build an
            institution where students learn by doing, where real world challenges find practical solutions and
            innovation happens not by chance, but by design.<br>© 2022 CMR Institute Of Technology, All Rights Reserved.</p>

        <div class="icons">
            <i class="fa fa-facebook-official"></i>
            <i class="fa fa-twitter"></i>
            <i class="fa fa-linkedin-square"></i>
            <i class="fa fa-instagram"></i>
        </div>

        <p>Made by<a href="https://amit14276-git.github.io/websit1/" target="_blank">Amit Kumar</a></p>
    </section>

    <script>
        function scrollWin(){
            window.scrollTo(0, 650);
        }
    </script>

    <script src="script.js"></script>

</body>

</html>