FLINTECH/unicampuslife.html at master · sumedha3111/FLINTECH · 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
200
201
202
203
204
205
206
<!DOCTYPE html>
<html lang="en" >
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:200,300,400,700" rel="stylesheet">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="unicampuslife.css">
    <link rel="stylesheet" href="navbaruni.css">


    <title>campus life</title>
  </head>

  <body>

    <nav class="navbar fixed-top navbar-expand-lg  ">
      <a class="navbar-brand" href="#">

      <div class="logo-image">
        <a href='#' class='btn noHover'>
          <img src="pics uni/unilogo.jpg" class="img-fluid">
        </div>
        </a>
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarSupportedContent" >
        <ul class="navbar-nav mr-auto">
          <li class="nav-item ">
            <a  class="nav-link "  href="index.html">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="about.html">About us</a>
          </li>

          <li class="nav-item">
            <a class="nav-link " href="alumniuni.html">Alumni</a>
          </li>
          <li class="nav-item">
            <a class="nav-link active" href="unicampuslife.html">Campus life</a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href="contact.html">Contact us</a>
          </li>
          <li class="nav-item dropdown ">

            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              More
            </a>

            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item" href="admissionuni.html">Admissions</a>
              <a class="dropdown-item" href="departments.html">Departments</a>
              <a class="dropdown-item" href="research.html">Research</a>
              <a class="dropdown-item" href="studentchapuni.html">Student body and clubs</a>
              <a class="dropdown-item" href="facultyuni.html">Faculty</a>
              <div class="dropdown-divider"></div>
              <a class="dropdown-item" href="galleryuni.html">Gallery</a>
            </div>
          </li>
          </ul>
      </div>

     </nav>

    <div class="container">
	<div class="jumbotron">
		<h1 >CAMPUS LIFE</h1>
		</div>


<section class="container-fluid px-0">
  <div class="row align-items-center content">
      <div class="col-md-6 order-2 order-md-1">
          <img src="pics uni/8.jpg" alt="" class="img-fluid">
      </div>
      <div class="col-md-6 text-center order-1 order-md-2">
          <div class="row justify-content-center">
              <div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
                  <h2>INFRASTRUCTURE</h2>
                  <p class="lead">FlinTech is designed by Kaycee Mate, the American architecture firm which specialises in educational institutions
                   state of art libraries,labs,auditoriums,outdoor fields and gyms are some of the beauties of this university
                    We guarantee that our campus will be a home to you, nurture you, inspire you, and forever be an indelible part of you
                  </p>
              </div>
          </div>
      </div>
  </div>
  <div class="row align-items-center content">
      <div class="col-md-6 text-center">
          <div class="row justify-content-center">
              <div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
                  <h2>HOSTEL</h2>
                  <p class="lead">we provide Two separate exclusive boys and girls hostel with 2 & 3 Bedded accommodation
                    having Optional A/C facility .The rooms are in a 2/3/4 sharing format. we also include WIFI connectivity,24/7 in house medical care unit and ambulance facility available.
                    There is  Open air movie screening facility for weekly movie shows
                    other facilities include:Exclusive visitors lounge, 24/7 security vigilance,Treated RO & Cool water in all the floors,Solar hot water for bathing,Good house-keeping and green ambience.</p>
              </div>
          </div>
      </div>
      <div class="col-md-6">
          <img src="pics uni/13.jpg" alt="" class="img-fluid">
      </div>
  </div>
  <div class="row align-items-center content">
      <div class="col-md-6 order-2 order-md-1">
          <img src="pics uni/15.jpg" alt="" class="img-fluid">
      </div>
      <div class="col-md-6 text-center order-1 order-md-2">
          <div class="row justify-content-center">
              <div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
                  <h2>CANTEEN</h2>
                 <p class="lead">Well designed spacious and spotlessly maintained dining halls catering to different needs of students. We have special, north Indian, south Indian, vegetarian, non-vegetarian categories of food served in different messes. Special menus are provided during festival occasions. Separate canteen is also available to cater to the needs of the students.</p>
              </div>
          </div>
      </div>
  </div>
  <div class="row align-items-center content">
      <div class="col-md-6 text-center">
          <div class="row justify-content-center">
              <div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
                  <h2>GENNOVATION LAB</h2>
                  <p class="lead">Advancements in technology are happening every single day. Students around the world are being exposed to the advantages of learning robotics .
                    All the sudents will be given practical training. Student will enjoy exploring the robotics with us. Most of our students are coming up with their own innovative robotics projects.
                    .</p>
              </div>
          </div>
      </div>
      <div class="col-md-6">
          <img src="pics uni/17.jpg" alt="" class="img-fluid">
      </div>
  </div>
  <div class="row align-items-center content">
      <div class="col-md-6 order-2 order-md-1">
          <img src="pics uni/18.jpg" alt="" class="img-fluid">
      </div>
      <div class="col-md-6 text-center order-1 order-md-2">
          <div class="row justify-content-center">
              <div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
                  <h2>TOURS AND VISITS</h2>
                  <p class="lead">At FlinTech we provide education through practical fields of work too. Regular tours include t-hub visit every 3 months to understand work environment better,learning and picking up work ettiqute, Keeping up with latest technologies. For the entertainment of students we take them on an annual excursion .We also encourage the students to take part in events off campus concerning social welfare</p>
              </div>
          </div>
      </div>
  </div>
  <div class="row align-items-center content">
      <div class="col-md-6 text-center">
          <div class="row justify-content-center">
              <div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
                  <h2>FESTS</h2>
                  <p class="lead">SPACE – a national-level two-day cultural and sports festival
                    is by far the largest cultural festival of the university and since its inception has
                    served as a pioneer of art and culture for the youth. It is a world where people will be
                     overwhelmed to enter but never think of exit. Through the years providing a “one of it’s kind”
                     experience has been the predicament of the festival and achieving it every year has been our legacy.
                     </p>
              </div>
          </div>
      </div>
      <div class="col-md-6">
          <img src="pics uni/20.jpg" alt="" class="img-fluid">
      </div>
  </div>
  <div class="row align-items-center content">
      <div class="col-md-6 order-2 order-md-1">
          <img src="pics uni/22.jpg" alt="" class="img-fluid">
      </div>
      <div class="col-md-6 text-center order-1 order-md-2">
          <div class="row justify-content-center">
              <div class="col-10 col-lg-8 blurb mb-5 mb-md-0">
                  <h2>SPORTS</h2>
                  <p class="lead">To achieve a healthier lifestyle  one needs to be healthy. As a part of this process, FlinTech offers: cricket,football,basketball,badminton,tennis and volleyball as
                    outdoor activities. Swimming,carroms,chess and Table tennis as indoor activities.
                    Its numerous outdoor playgrounds and indoor courts are spread over a vast area.
                    Regular inter-college games and events are held to maintain healthy competition.We also have a Gym.
                  </p>
              </div>
          </div>
      </div>
  </div>
</section>
</div>

  <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>

  </body>
</html>
  </body>
</html>