SheHacks/index.html at main · Navami511/SheHacks · 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
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- CSS only -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
    <title>SheHacks</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<!-----------------------------------------------------------------LANDING-PAGE-------------------------------------------------------------------------------------->
<!-------------------------------------------------------------------HEADER------------------------------------------------------------------------------------------>
    <nav class="navbar navbar-light  custom-color" >
        <div class="container-fluid"style="font-family:  'Monoton', cursive;">
          <a class="navbar-brand" href="#"style="font-size:40px; color: white; padding: 8px">

             SheHacks
          </a>
        </div>
      </nav>
<!----------------------------------------------------------------END-OF-HEADER--------------------------------------------------------------------------------------->
    <div class="members">
        <h1>Meet Our Members...</h1>
    </div>

    <div class="flex">
      <div class="container">
      <img src="images/navami.jpeg" alt="Avatar" class="image" style="width:72%; height:76% ">
      <h2>Navami Ajay</h2>
        <div class="middle">
            <a href="#mission">  <button class="btn success ">Mission</button></a><br><br>
            <a href="#vision"><button class="btn success">Vision</button></a> <br><br>
            <a href="#expectations"><button class="btn success">Expectations</button></a><br><br>
            <a href="#register"> <button class="btn success">More</button></a>
        </div>
      </div>

       <div class="container">
        <img src="images/MyPhoto.jpg" alt="Avatar" class="image" style="width:70%; height:76%">
        <h2>Nikhila M</h2>
        <div class="middle">
            <a href="#mission1"><button class="btn success">Mission</button></a><br><br>
            <a href="#vision1"><button class="btn success">Vision</button></a><br><br>
            <a href="#expectations1"><button class="btn success">Expectations</button></a><br><br>
            <a href="#register1"> <button class="btn success">More</button></a>
        </div>
      </div>
      <div class="container">
        <img src="images/irfana.jpeg" alt="Avatar" class="image" style="width:60%; height:78%">
        <h2>Irfana Thangal</h2>
        <div class="middle">
            <a href="#mission2"><button class="btn success">Mission</button></a><br><br>
            <a href="#vision2"><button class="btn success">Vision</button></a><br><br>
            <a href="#expectations2"><button class="btn success">Expectations</button></a><br><br>
            <a href="#register2"> <button class="btn success">More</button></a>
        </div>
      </div>
      </div>
    <!--------------------------------------------------------------------END-OF-LANDING-PAGE----------------------------------------------------------------------------------------------->

    <!--------------------------------------------------------------------------CONTENT------------------------------------------------------------------------------------------------------>
        <div id="mission">
        <div class="heading">
        <h2>Navami's Mission</h2>
        </div>
        <div class="content">
           <h4>Navami looks forward to...</h4>
            <ul>
                <li>becoming an expert in Full Stack Web Development and Mobile Application Development. </li>
                <li>collaborate projects with proficient developers across the globe.</li>
                <li>introduce innovative trends into the field. </li>
            </ul>
        </div>
        </div>
        <div id="vision">
        <div class="heading">
        <h2>Navami's Vision</h2>
        </div>
        <div class="content">
        <h4>Navami is working to...</h4>
        <ul>
            <li>stimulate creativity. </li>
            <li>learn and improve problem solving skills.</li>
            <li>build technical as well as coummunication skills.</li>
        </ul>
        </div>
        </div>
        <div id="expectations">
        <div class="heading">
        <h2>Navami's Expectations</h2>
        </div>
        <div class="content">
        <h4>Navami is overwhelmed to be part of SheHacks...</h4>
        <ul>
            <li>she is eagerly waiting to find new friends and build positive connections.</li>
            <li>she just cannot stop twiddling her thumbs when she thinks of getting to work on new ideas in a collaborative environment.</li>
            <li>find a mentor and also become one.</li>
        </ul>
        </div>
       </div>
       <div id="register">
        <div class="heading">
        <h2>Why Navami registered for SheHacks?</h2>
       </div>
       <div class="content">
        <p><i>"Women supporting women.I feel SheHacks is the perfect platform to inspire and to get inspired.I feel so elated to meet technophile girls and women like me.This will indeed help us to build an exquisite community exclusively for us.This will surely help us to create a benchmark and leave a lasting impact in the society."</i></p>
        </div>
        </div>
        <div id="mission1">
            <div class="heading">
            <h2>Nikhila's Mission</h2>
            </div>
            <div class="content">
               <h4>Nikhila determined to...</h4>
                <ul>
                    <li>explore different stacks, and build various live projects. </li>
                    <li>consistently uptate my technical skills.</li>
                </ul>
            </div>
            </div>
            <div id="vision1">
            <div class="heading">
            <h2>Nikhila's Vision</h2>
            </div>
            <div class="content">
            <h4>Nikhila aspires to...</h4>
            <ul>
                <li>master the act of developing efficient projects in different stacks. </li>
                <li>develop systems that are different from the conventional ones.</li>
            </ul>
            </div>
            </div>
            <div id="expectations1">
            <div class="heading">
            <h2>Nikhila's Expectations</h2>
            </div>
            <div class="content">
            <h4>Nikhila grabbed this opportunity so that she can...</h4>
            <ul>
                <li>meet people of the same interest and different skills.</li>
                <li>share ideas and work together for a project.</li>
                <li>find a mentor.</li>
            </ul>
            </div>
           </div>
           <div id="register1">
            <div class="heading">
            <h2>Why Nikhila registered for SheHacks?</h2>
           </div>
           <div class="content">
            <p><i>"I am a beginner, currently exploring Javascript & Flutter at the basic level. I felt SheHacks is truly the place to find a mentor and strengthen my technical skills. I am looking forward to being the part of a vivid technical community and also to build a remarkable profile for myself."</i></p>
            </div>
            </div>

            <div id="mission2">
                <div class="heading">
                <h2>Irfana's Mission</h2>
                </div>
                <div class="content">
                   <h4>Irfana is on the groundwork to...</h4>
                   <ul>
                    <li>improve project building skills.</li>
                    <li>prepare for a lifetime characterized by learning,exploring opportunities and cultivate connections to a wider community.</li>
                </ul>
                </div>
                </div>
                <div id="vision2">
                <div class="heading">
                <h2>Irfana's Vision</h2>
                </div>
                <div class="content">
                <h4>Irfana wishes to ...</h4>
                <ul>
                    <li>accomplish as a well recognized expert in the field of Full Stack Web Development.</li>
                    <li>proactively respond and be adaptable to evolving trends and priorities.</li>
                    <li>achieve personal,academic and career goals.</li>
                </ul>
                </div>
                </div>
                <div id="expectations2">
                <div class="heading">
                <h2>Irfana's Expectations</h2>
                </div>
                <div class="content">
                <h4>Irfana awaits for SheHacks to...</h4>
                <ul>
                    <li>build intentional and meaningful relationship with students and campus leads.</li>
                    <li>to succeed and take maximum advantage of the program. </li>
                    <li>to develop intellectually,professionally and personally.</li>
                </ul>
                </div>
               </div>
               <div id="register2">
                <div class="heading">
                <h2>Why Irfana registered for SheHacks?</h2>
               </div>
               <div class="content">
                <p><i>"I believe SheHacks will provide a great opportunity to get connected and develop professional network.I also feel that the program will help me grow as an individual as well as a student and to challenge myself to learn new things.  "</i></p>
             </div>
            </div>
<!-----------------------------------------------------------------------------END-OF-CONTENT------------------------------------------------------------------------------------------------>

<!--------------------------------------------------------------------------------FOOTER---------------------------------------------------------------------------------------------------->
    <div class="myfooter"><h4>© Copyright 2021</h4></div>
<!-----------------------------------------------------------------------------END-OF-FOOTER------------------------------------------------------------------------------------------------>

    <button id="back-to-top-btn"><i class="fas fa-angle-double-up"></i></button>
    <script src="main.js" ></script>

</body>
</html>