mightyeaglemcc.github.io/index.html at master · jayankb770/mightyeaglemcc.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
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>
<head>
	<title>MightyEagle</title>
  	<meta name="viewport" content="width=device-width, initial-scale=1">
  	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/froala-design-blocks/1.0.2/css/froala_blocks.min.css">
  	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
  	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i">
  	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
  	<link href="https://fonts.googleapis.com/css?family=Zilla+Slab" rel="stylesheet">
</head>
<body>
<header data-block-type="headers" data-id="1" class="">
  <div class="container">
    <nav class="navbar navbar-expand-md no-gutters">
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>

      <div class="col-4 col-md-2 text-right text-md-center order-lg-6">
        <a href="https://www.froala.com">
            <img src="img/logo.png" height="30" alt="image">
          </a>
      </div>

      <div class="collapse navbar-collapse col-12 col-md-5 order-lg-1" id="navbarNav2">
        <ul class="navbar-nav col-5">
          <li class="nav-item active">
            <a class="nav-link" href="https://www.froala.com">Home <span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://www.froala.com">Contributions</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://www.froala.com">Events</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://www.froala.com">Team</a>
          </li>
        </ul>
      </div>

      <ul class="navbar-nav justify-content-end col-sm-5 order-lg-12 d-none d-md-flex">
        <li class="nav-item">
          <a class="nav-link" href="https://www.froala.com"><i class="fa fa-twitter"></i></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="https://github.com/mightyeaglemcc"><i class="fa fa-github"></i></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="https://www.froala.com"><i class="fa fa-slack"></i></a>
        </li>
      </ul>
    </nav>
  </div>
</header>
<section class="fdb-block fdb-viewport bg-dark" style="background-image: url(img/bkg/1.jpg)" data-block-type="call_to_action" data-id="3" draggable="true">
  <div class="container justify-content-center align-items-center d-flex">
    <div class="row justify-content-center text-center">
      <div class="col-12 col-md-8">
        <h1><font color=white>MightyEagle Mozilla Campus Clubs</font></h1>
        <p class="text-h3"><font color="silver">Together we learn and grow.</font></p>
        <p class="mt-5"><a href="#" class="btn">Know more</a></p>
      </div>
    </div>
  </div>
</section>
<section class="fdb-block" data-block-type="contents" data-id="4" draggable="true">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col col-md-8 text-center">
        <h1>Mozilla Campus Clubs</h1>
        <p class="text-h3">MightyEagle Mozilla Campus Clubs is one place where we learn, code and coffee at Toc H Institute of Science and Technology. Together we grow and learn from each other setting a path for new members to follow. <a href="https://www.froala.com">Know more</a>.</p>
      </div>
    </div>
  </div>
</section>
<section class="fdb-block" data-block-type="contents" data-id="5" draggable="true">
  <div class="col-fill-left" style="background-image: url(https://editor-latest.s3.amazonaws.com/design-blocks/block_images/bg_c_1.svg)">
  </div>

  <div class="container">
    <div class="row justify-content-end">
      <div class="col-12 col-md-5 text-center">
        <h1>What we do?</h1>
        <p class="text-h3">We work, learn and collaborate with organisations and communities inorder to work to build a world where the internet is a common resource.</p>

        <p class="mt-4"><a href="#">Learn More &gt;</a></p>
      </div>
    </div>
  </div>
</section>
<section class="fdb-block fp-active" data-block-type="testimonials" data-id="6" draggable="true">
  <div class="container">
    <div class="row text-center justify-content-center">
      <div class="col-lg-8">
        <h2>You are in good company</h2>
        <p class="text-h3">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
        <div class="mt-5 justify-content-center">
          <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/customers/adobe.svg">
          <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/customers/discovery.svg">
          <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/customers/ebay.svg">
          <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/customers/samsung.svg">
          <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/customers/orange.svg">
          <img alt="image" height="30" class="ml-3 mr-3 mb-2 mt-2" src="https://editor-latest.s3.amazonaws.com/design-blocks/block_images/customers/salesforce.svg">
        </div>
      </div>
    </div>
  </div>
</section>
<section class="fdb-block" data-block-type="contacts" data-id="7" draggable="true">
  <div class="container">
    <div class="row text-center justify-content-center">
      <div class="col-12 col-md-8 col-lg-7">
        <h1>Contact Us</h1>
        <p class="text-h3">Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p>
      </div>
    </div>
    <div class="row-70"></div>
    <div class="row">
      <div class="col-12 col-md-8 col-lg m-auto">
        <form>
          <div class="row">
            <div class="col">
              <input type="text" class="form-control" placeholder="Full Name">
            </div>
          </div>

          <div class="row mt-4">
            <div class="col">
              <input type="email" class="form-control" placeholder="Enter email">
            </div>
          </div>
          <div class="row mt-4">
            <div class="col">
              <textarea class="form-control" name="message" rows="3" placeholder="How can we help?"></textarea>
            </div>
          </div>
          <div class="row mt-4">
            <div class="col">
              <button type="submit" class="btn">Submit</button>
            </div>
          </div>
        </form>
      </div>

      <div class="col-12 col-md-8 col-lg pt-5 m-auto pt-lg-0">
        <iframe class="mb-4" src="https://www.google.co.in/maps/place/Toc+H+Institute+of+Science+%26+Technology/@9.8927483,76.438616,18.25z/data=!4m5!3m4!1s0x3b080d08f976f3a9:0x87357576fbf04b25!8m2!3d9.8928511!4d76.4382617" width="100%" height="200" frameborder="0" style="border:0" allowfullscreen=""></iframe>

        <p><strong>Workspace</strong></p>
        <p>
          Toc H Institute of Science & Technology <br>Arakkunnam <br> Kerala 682313 <br> India
        </p>
      </div>
    </div>
  </div>
</section>
<footer class="fdb-block footer-small" data-block-type="footers" data-id="2">
  <div class="container">
    <div class="row text-center align-items-center">
      <div class="col-12 col-lg-2 text-lg-left">
        <img alt="image" src="img/logo.png" height="40">
      </div>

      <div class="col mt-4 mt-lg-0 text-center">
        <ul class="nav justify-content-center">
          <li class="nav-item">
            <a class="nav-link active" href="https://www.froala.com">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://www.froala.com">Features</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://www.froala.com">Privacy Policy</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="https://www.froala.com">Terms</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="#">About</a>
          </li>
        </ul>
      </div>

      <div class="col-12 col-lg-2 mt-4 mt-lg-0 text-lg-right">
        <a href="https://www.froala.com"><i class="fa fa-twitter" aria-hidden="true"></i></a>&nbsp;&nbsp;
        <a href="https://www.froala.com"><i class="fa fa-facebook" aria-hidden="true"></i></a>&nbsp;&nbsp;
        <a href="https://www.froala.com"><i class="fa fa-instagram" aria-hidden="true"></i></a>&nbsp;&nbsp;
        <a href="https://www.froala.com"><i class="fa fa-pinterest" aria-hidden="true"></i></a>&nbsp;&nbsp;
        <a href="https://www.froala.com"><i class="fa fa-google" aria-hidden="true"></i></a>
      </div>
    </div>

    <div class="row mt-4">
      <div class="col text-center">
        © 2018 MightyEagle Mozilla Campus Clubs. All Rights Reserved
      </div>
    </div>
  </div>
</footer>
      <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>

</body>
</html>