NiyantranDynamic/index.html at master · GauravR1206/NiyantranDynamic · 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
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Niyantran</title>
  <script src="https://kit.fontawesome.com/bed2dbbc99.js" crossorigin="anonymous"></script>
  <link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Ubuntu:ital@1&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
  <link rel="stylesheet" href="css/styles.css">
</head>

<body>

  <section id="title">
    <div class="container-fluid">
      <nav class="navbar navbar-expand-lg navbar-dark">
  <a class="navbar-brand" href="index.html">Niyantran</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 ml-auto">
      <li class="nav-item active">
        <a class="nav-link" href="voter.html">Voter Info <span class="sr-only">(current)</span></a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#pricing">Sponsor</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#features">Features</a>
      </li>
    </ul>
  </div>
</nav>


      <!-- Title -->

      <div class="row below-title">
        <div class="col-lg-6">
          <h1 class="big-heading">Shape your  tomorrow  by  <em>voting</em>  today!</h1>
          <!-- <button type="button" class="btn btn-dark btn-lg download-button"><i class="fab fa-apple apple-logo"></i>Download</button>
          <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play play-logo"></i>Download</button> -->
        </div>
        <div class="col-lg-6">
          <img class="title-image" src="images/voter-hand1.jpg" alt="vote-hand">
        </div>
      </div>
    </div>
  </section>


  <!-- Features -->

  <section id="features">
    <div class="row">
      <div class="feature-box col-lg-4">
        <i class="icon fas fa-check-circle fa-4x"></i>
        <h3>Easy to use.</h3>
        <p>Our primary concern is to make it accessible to everyone</p>
      </div>

      <div class="feature-box col-lg-4">
        <i class="icon fas fa-bullseye fa-4x"></i>
        <h3>Data Security</h3>
        <p>We recognise that matters of such import will be scrutinized to the highest degree and have prepared this as such</p>
      </div>

      <div class="feature-box col-lg-4">
        <i class="icon fas fa-heart fa-4x"></i>
        <h3>Guaranteed to work.</h3>
        <p>We give you our guarantee for a great and satisfying voter-experience</p>
      </div>
    </div>


  </section>


  <!-- Testimonials -->

  <section id="testimonials">
    <div id="testimonial-car" class="carousel slide" data-ride="carousel">
      <div class="carousel-inner">
        <div class="carousel-item active" data-interval="6000">
          <h2>The most important office, and the one which all of us can and should fill, is that of private citizen.</h2>
          <img class="testimonial-image" src="images/henry.jpg" alt="dog-profile">
          <em>Louis Brandeis</em>
        </div>
        <div class="carousel-item" data-interval="6000">
          <h2 class="testimonial-text">By voting, we add our voice to the chorus that forms opinions and the basis for actions.</h2>
          <img class="testimonial-image" src="images/jens.jpg" alt="lady-profile">
          <em>Jens Stoltenberg</em>
        </div>
        <a class="carousel-control-prev" href="#testimonial-car" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#testimonial-car" role="button" data-slide="next">
          <span class="carousel-control-next-icon" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
  </section>


  <!-- Press -->

  <!-- <section id="press">
    <img class="press-img" src="images/hut-labs.jpg" alt="tc-logo">
    <!-- <img class="press-img" src="images/tnw.png" alt="tnw-logo">
    <img class="press-img" src="images/bizinsider.png" alt="biz-insider-logo">
    <img class="press-img" src="images/mashable.png" alt="mashable-logo"> -->

  </section> -->


  <!-- Pricing -->

  <section id="pricing">
    <h2>Sponsored by Hut-Labs</h2>
    <div class="col-lg-12">
      <p>HuT Labs is an engineering research lab using robotics for social cause. The dedicated research lab, HuT (Humanitarian Technology) Labs is mainly focusing on Robotics, Health Care, Human Aided Devices, and Embedded Systems and is headed by Prof. Rajesh Kannan Megalingam of department of Electronics and Communication Engineering. It was established in 2012. Within a year of establishment, HuT Labs carried out significant research works with more than 10 research paper publications and currently has more than 150 research paper publications in reputed journals, international conferences etc.With more than 50 national and international achievements and recognitions, HuT Labs is one of the top research labs in India in terms of using technology for humanitarian cause. Self-E, a self-driving wheelchair robot, Amaran, a coconut tree climbing and harvesting robot, Mudra, a hand gesture based wheelchair robot, Paripreksya, a search and rescue robot for disaster management, CHETAK, a self-governing and multi-tasking home assistance robot etc. are some of the significant robots built at HuT Labs.<a href="https://www.amrita.edu/center/hut-labs">Click here to learn more about Hut-Labs</a></p>
    </div>
    <div class="col-lg-12">
      <img src="images/hut-labs.jpg" alt="Hut-Labs logo">
    </div>


  </section>


  <!-- Call to Action -->
<!--
  <section id="cta">

    <h3 class="cta-heading">Find the True Love of Your Dog's Life Today.</h3>
    <button type="button" class="btn btn-dark btn-lg download-button"><i class="fab fa-apple"></i>Download</button>
    <button type="button" class="btn btn-outline-light btn-lg download-button"><i class="fab fa-google-play"></i>Download</button>

  </section> -->


  <!-- Footer -->

  <footer id="footer">
    <p>
      <i class="fab fa-twitter footer-logo"></i>
      <i class="fab fa-facebook footer-logo"></i>
      <i class="fab fa-instagram footer-logo"></i>
      <i class="fas fa-envelope footer-logo"></i>
    </p>
    <p>© Copyright 2020 Niyantran</p>

  </footer>


</body>

</html>