webproject/about.html at main · khushbu078/webproject · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About Us</title>
    <link rel="icon" href="favicon.png" type="image/png">
    <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=Poppins:wght@100;200;300;400;600;700&amp;display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>
    <section class="sub-header sub-header-image-1">
        <nav>
            <!-- <a href="index.html"><img src="logo.png" alt="Connect The Internet"></a> -->
            <div class="nav-links" id="navLinks">
                <i class="fa fa-times" onclick="hideMenu()"></i>
                <ul>
                    <li><a href="index.html">HOME</a></li>
                    <li><a href="about.html">ABOUT</a></li>
                    <li><a href="Faculty.html">FACULTY</a></li>
                    <li><a href="Placement.html">PLACEMENT</a></li>
                    <li><a href="contact.html">GALLERY</a></li>
                </ul>
            </div>
            <i class="fa fa-bars" onclick="showMenu()"></i>
        </nav>
        <h1>About Us</h1>
    </section>

    <!-- --------About us content-------- -->

    <section class="about-us">
        <div class="row">
            <div class="about-col">
                <h1>Vision</h1>
                <p>
                <ul type="circle">
                    <li>To be an internationally recognized value-based institute through its quality conscious approach
                        to education, research,
                        entrepreneurial wisdom, skill development initiatives and encouraging innovation for social
                        transformation.</li>
                    <br>
                    <li>To be an academic leader for the development of human potential so as to meet the global
                        challenges.</li>
                </ul>
                </p>
                <h1>Missions</h1>
                <p>
                <ul type="circle">
                    <li>To make the students employable through value addition and skill development courses in
                        association with
                        topmost organisations of the country.</li>
                    <br>
                    <li>To develop an entrepreneurship ecosystem so that students can become job creators.</li><br>
                    <li>To promote meaningful research among students and faculty members to address local, national and
                        global
                        issues.</li><br>
                    <li> To sensitize the students towards social responsibilities and inculcation of ethical practices
                        and life skills.</li><br>
                    <li>To encourage technology-based pedagogy which develops analytical skills and out of box thinking.
                    </li><br>
                    <li>To develop and implement a connectivity of cooperation between industry and academia.</li><br>
                </ul>
                </p>

                <a href="https://aitr.ac.in/academy-vision-mission/" class="hero-btn red-btn">EXPLORE NOW</a>
            </div>
            <div class="about-col">
                <img src="about.jpg" alt="">
            </div>
    </section>

    <!-- ------- COURSE ------- -->


    <!-- ------- CAMPUS ------- -->
<hr>

    <!-- -------FACILITIES------- -->


    <!-- -------Testimonials------- -->


    <!-- --------Call to Action -------  -->


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

    <section class="footer">
        <h4>Visit Us</h4>
        <p>
            Acropolis Institute
            Bypass Road, Manglia Square, Manglia,
            Indore, Madhya Pradesh – 453771
            India
        </p>
        <div class="icons">
            <a class="plain-link" href="https://twitter.com/AcropolisIndia"><i class="fa fa-twitter"></i></a>
            <a class="plain-link" href="https://www.facebook.com/AcropolisCollegeIndore/"><i
                    class="fa fa-facebook"></i></a>
            <a class="plain-link" href="https://www.linkedin.com/school/acropolis-institutions/"><i
                    class="fa fa-linkedin"></i></a>
            <a class="plain-link" href="https://www.youtube.com/channel/UC60LP9OIuv-HWXIVdolUeRQ"><i
                    class="fa fa-youtube"></i></a>
        </div>
        <p>
            Made by Sujeet Bulbake, Somnath Tyagi, Shailndra Parihar
            <br>
            Copyright © 2005-2015 Acropolis. Powered & Developed by CSE Department
            <!-- <a class="plain-link icons-blue" href="https://www.linkedin.com/in/devang-baheti/"><i
                    class="fa fa-linkedin"></i></a>
            <a class="plain-link icons-blue" href="https://github.com/devangbaheti03"><i class="fa fa-github"></i></a>
            <a class="plain-link icons-blue" href="https://www.instagram.com/devang_baheti/"><i
                    class="fa fa-instagram"></i></a>
            <a class="plain-link icons-blue" href="mailto:devangb03@gmail.com"><i class="fa fa-at"></i></a> -->
        </p>
    </section>


    <!-- -------------JavaScript for toggle menu------------ -->
    <script>
        var navLinks = document.getElementById("navLinks");
        function showMenu() {
            navLinks.style.right = "0";
        }
        function hideMenu() {
            navLinks.style.right = "-200px";
        }
    </script>

</body>

</html>