Robocon_Website/ach.html at main · tenserebel/Robocon_Website · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Required meta tags -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- Title tag -->
        <title>Team Volta</title>

        <!-- Font awesome -->
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">

        <!-- Animate.css -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">

        <!-- Normalize -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.css">

        <!-- Custom CSS -->
        <link href="css/style.css" rel="stylesheet">
        <link href="css/style2.css" rel="stylesheet">


        <style>
             /* If you wish to remove the astonish.js file, then also be sure to remove these styles. */
             .astonish {
                  visibility: visible;
             }

             @media (min-width: 768px) {
                  .astonish {
                       visibility: hidden;
                  }
                  .animated {
                       visibility: visible;
                  }
             }
        </style>
   </head>
<body>
    <nav class="main-nav" id="main-nav">
        <div class="content-wrapper-sm">
             <a href="./index.html" class="navbar-brand"><img alt="Qries" src="img\logo.png"
                  width="9" height="60"></a>
             <div id="menu-button">
                  <div class="bar1"></div>
                  <div class="bar2"></div>
                  <div class="bar3"></div>
             </div>
             <ul class="nav-links">
                  <li><a class="link" href="./work.html">Work</a></li>
                  <li><a class="link" href="./ach.html">Achievements</a></li>
                  <li><a class="link" href="./app.html">Application</a></li>
             </ul>
        </div>
   </nav>
   <header class="header-ach">
     <h2 class="section-title2" style="margin-top:2em;">Achievements</h2>

<ul class="timeline">
     <!-- Item 1 -->
            <li>
               <div class="direction-l">
                    <div class="flag-wrapper">
                         <span class="flag wbg">Feb 2020</span>
                         <span class="time-wrapper hide"><span class="time">2011 - 2013</span></span>
                    </div>
                    <div class="desc">Team Volta participated in ABU Robocon 2020 Suva contest qualifying stage-1 and scored 93/100</div>
               </div>
          </li>


          <!-- Item 2 -->
          <li>
               <div class="direction-r">
                    <div class="flag-wrapper">
                         <span class="flag wbg">Feb 2021</span>
                         <span class="time-wrapper hide"><span class="time">2013 - present</span></span>
                    </div>
                    <div class="desc">Team Volta participated in ABU Robocon 2021 china contest qualifying stage-1 and scored 100/100</div>
               </div>
          </li>

          <!-- Item 3 Focsued -->
          <li>
               <div class="direction-l">
                    <div class="flag-wrapper">
                         <span class="flag wbg">Feb 2022 </span>
                         <span class="time-wrapper hide"><span class="time">2011 - 2013</span></span>
                    </div>
                    <div class="desc">Team Volta participated in ABU Robocon 2022 india contest qualifying stage-1 and scored 99/100</div>
               </div>
          </li>

          <!-- Item 4 -->
          <li>
               <div class="direction-r">
                    <div class="flag-wrapper">
                         <span class="flag wbg">May 2022</span>
                         <span class="time-wrapper hide"><span class="time">2008 - 2011</span></span>
                    </div>
                    <div class="desc">Team Volta participated in ABU Robocon 2022 india contest qualifying stage-2 and scored 92/100
     </div>
               </div>
          </li>


     </ul>

   </header>


   <hr>
   <footer>
    <div class="content-wrapper-sm display-flex-between">
         <!-- Easily replaceble copyright information -->
         <small>&copy; Copyright by Team volta,<br>
             Since 2022</small>

         <!-- Make sure to edit the links so that they go to your social media. -->
         <div class="social-links">
              <ul>
                   <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                   <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                   <li><a href="#"><i class="fa fa-snapchat-square" aria-hidden="true"></i></a></li>
                   <li><a href="https://www.linkedin.com/company/team-volta" target="_blank"><i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
              </ul>
         </div>
    </div>
</footer>

<!-- Scripts placed at the bottom for faster loading -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="js/menu.js" charset="utf-8"></script>

<!-- Optional js files -->
<!-- Quick note: if you remove astonish, make sure you remove the embedded styles in the top -->
<script src="js/astonish.js" charset="utf-8"></script>
<script src="js/select.js" charset="utf-8"></script>
<script src="js/nav.js" charset="utf-8"></script>
<script src="js/scroll.js" charset="utf-8"></script>
<script src="js\caro.js" charset="utf-8"></script>
</body>
</html>