robonith.github.io/index.html at master · vineets740/robonith.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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
        integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="css/includes/nav.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/index2.css" />
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <script src="js/activities/jquery.min.js"></script>
    <script src="js/includes/nav.js"></script>
</head>
<body>

    <div class="brand">
            <img id="logo" src="img/robosoc.png">
        </div>
    <div id="nav-links" class="nav-open">
        <a href="index2.html">Home</a>
        <a href="activities.html">Activities</a>
        <a href= "projects.html">Projects</a>
        <a href="robocon.html">Robocon</a>
        <a href="blog.html">Blog</a>
        <a href="members.html">Members</a>
    </div>
    <nav>
        <div class="brand-name">
            <h3>ROBOTICS SOCIETY</h3>
        </div>
        <div id="nav-icon1">
            <span></span>
            <span></span>
            <span></span>
        </div>
    </nav>

    <div class="bg-image">
    <div class="main-text">
        <h1>ROBOTICS SOCIETY</h1>
        <a href="http://nith.ac.in"><h3>NATIONAL INSTITUTE OF TECHNOLOGY | HAMIRPUR</h3></a>
    </div>
    </div>

    <section id="about-us">
        <h2>ABOUT US</h2>
        <hr>
        <div class="about-us-info">
            <p>Robotics Society is a platform where students from various branches work together to nurture their technical understanding and culture their innovative ideas and dreams about robotics into reality.We would like to take all steps to excite and accelerate the interest of robotics among the students.</p>
            <p>We facilitate indispensable guidance through workshops and tutorials. It helps students to take up challenges from day to day life scenarios, orient the challenges to feasible solution form, stimulate the thought process of students and let them convert their ideas to prototypes by their technical skills, and creativity</p>
        </div>
    </section>

    <section id="vis-motto">
        <div class="vis-motto-head">
            <h2>VISION & MOTTO</h2>
            <hr>
        </div>
        <div class="vis-motto-info">
            <ul class="vis-motto-ul">
                <li class="vis-motto-li"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></li>
                <li class="vis-motto-li"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></li>
                <li class="vis-motto-li"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></li>
                <li class="vis-motto-li"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p></li>
            </ul>
        </div>
    </section>
    <section id="fac-co">
        <div>
            <h2>A MESSAGE FROM FACULTY CORDINATOR</h2>
            <hr>
        </div>
        <div class="fac-co-flex">
            <figure>
                <img src="img/robosoc.png">
                <figcaption>
                    Dr. Rajesh Sharma<br/>
                    <span>
                        Faculty Cordinator
                        <br/>
                        Mechanical Department<br/>
                        NIT-Hamirpur
                    </span>
                </figcaption>
            </figure>
            <p class="message">
                Robotics Society at NIT Hamirpur believes in helping and guiding students to understand and use the knowledge of robotics in shaping the future of our nation. Students are provided a platform to learn and explore the robots through various activities. We believe in learning by doing and aim at gaining the experience and exposure
                in the field of robotics. The society encourages students to think globally and spread their wings to take off for the new horizons in their respective domains.<br/>I personally know about the continuous efforts being put by the members and believe that their endeavours will lead our institution to incredible heights.
            </p>
        </div>
    </section>
    <section class="robocon">
        <div>
            <h3 class="robo-head-caption">Asia-Pacific Broadcasting Union's</h3>
            <h2>
                ROBOCON
            </h2>
            <hr>
        </div>
        <div class="robo-info">
            <p class="robo-info-p">The ABU Asia-Pacific Robot Contest (ABU Robocon) is an Asian Oceanian College robot competition, founded in 2002 by Asia-Pacific Broadcasting Union. In the competition robots compete to complete a task within a set period of time. The contest aims to create friendship among young people with similar interests who will lead their countries in the 21st century, as well as help advance engineering and broadcasting technologies in the region.</p>
            <div class="robo-achievements">
                <h3>Our Previous Achievments are as follows:</h3>
                <div class="robo-years">
                    <h4 class="year">2018</h4>
                    <hr class="robo-info-hr">
                    <p><span>Venue: </span>Maharashtra institute of Technology, Pune</p>
                    <p><span>Rank Achieved: </span>25</p>
                </div>
                <div class="robo-years">
                        <h4 class="year">2017</h4>
                        <hr class="robo-info-hr">
                        <p><span>Venue: </span>Maharashtra institute of Technology, Pune</p>
                        <p><span>Rank Achieved: </span>86</p>
                </div>
                <div class="robo-years">
                        <h4 class="year">2016</h4>
                        <hr class="robo-info-hr">
                        <p><span>Venue: </span>Maharashtra institute of Technology, Pune</p>
                        <p><span>Rank Achieved: </span>119</p>
                </div>
            </div>
            <div class="robo-info-button"><button>Know More</button></div>
        </div>
    </section>

    <footer>
        <h3>CONTACT US</h3>
        <div class="contact-container">
            <!-- 1st Contact form -->
            <article class="contact-form">
                <form>
                    <input class="form-input" type="text" name="name" placeholder="Name">
                    <div class="sub-form">
                        <input class="sub-form-input" type="email" name="email" placeholder="Email">
                        <input class="sub-form-input" type="text" name="Subject" placeholder="Subject">
                    </div>
                    <input class="form-message" type="text" name="message" placeholder="Message">
                    <input class="submit" type="submit" placeholder="SUBMIT">
                </form>
            </article>
            <!-- 2nd Contact Details -->
            <article class="contact-info">
                <h4>FIND US AT</h4>
                <p>
                    <span>NIT HAMIRPUR</span>
                    <br>
                    HIMACHAL PRADESH
                    <br />
                    177005
                </p>
                <h4>FOLLOW US AT</h4>
                <a href="https://mail.google.com/mail/?view=cm&fs=1&to=robonith@gmail.com" class="contact-link"><i
                        class="fab fa-google-plus-g"></i> robonith@gmail.com</a>
                <a href="https://www.instagram.com/robosocnith" class="contact-link" target="_blank"><i
                        class="fab fa-instagram"></i> /robosocnith</a>
                <a href="https://www.facebook.com/robo.soc.nith" class="contact-link"><i class="fab fa-facebook-f"></i>
                    /robo.soc.nith</a>
                <a class="contact-link">Twitter Icon</a>
            </article>
        </div>
    </footer>
<script src="js/index2.js"></script>
</body>
</html>