-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
140 lines (134 loc) · 6.22 KB
/
index.html
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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta class="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>The Working Bros</title>
<link rel="icon" type="image/ico" href="images/Our/TWB_NoBackground.svg" />
<!-- Don't forget to add your metadata here -->
<link rel='stylesheet' href='css/style.css' />
<link rel="stylesheet" href="css/animate.min.css">
<script src="https://kit.fontawesome.com/8ba1cb7127.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
</head>
<body>
<!-- Hero(extended) navbar -->
<div class="navbar navbar--extended">
<nav class="nav__mobile"></nav>
<div class="container">
<div class="navbar__inner">
<img href="index.html" src="images/Our/TWB_NoBackground.svg" height="55" width="55" alt="TWB" class="navbar__logo"/>
<nav class="navbar__menu">
<!--<ul>
<li><a href="#">Display Wall</a></li>
<li><a href="#">Next Work</a></li>
</ul>
-->
</nav>
<div class="navbar__menu-mob"><a href="" id='toggle'><svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z" class=""></path></svg></a></div>
</div>
</div>
</div>
<!-- Hero unit -->
<div class="hero">
<div class="hero__overlay hero__overlay--gradient"></div>
<div class="hero__mask"></div>
<div class="hero__inner">
<div class="container">
<div class="hero__content">
<div class="hero__content__inner" id='navConverter'>
<h1 class="hero__title animated fadeInDown" ">Welcome to The Working Bros</h1>
<p class="hero__text animated fadeInLeft">We are a team of undergraduate engineers, we wish to present our thoughts about the issues we face as a citizen of India. We may not be a big organization but still we wish to kindle a spark in others heart. </p>
<a href="dashboard.html" class="buttonn button__accent">Download Section</a>
<a href="#" class="button hero__button" onclick="window.open('http://register.theworkingbros.tech')">Join us</a>
</div>
</div>
</div>
</div>
</div>
<div class="hero__sub">
<span id="scrollToNext" class="scroll">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" class='hero__sub__down' fill="currentColor" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><path d="M256,298.3L256,298.3L256,298.3l174.2-167.2c4.3-4.2,11.4-4.1,15.8,0.2l30.6,29.9c4.4,4.3,4.5,11.3,0.2,15.5L264.1,380.9c-2.2,2.2-5.2,3.2-8.1,3c-3,0.1-5.9-0.9-8.1-3L35.2,176.7c-4.3-4.2-4.2-11.2,0.2-15.5L66,131.3c4.4-4.3,11.5-4.4,15.8-0.2L256,298.3z"/></svg>
</span>
</div>
<!-- Steps -->
<div class="steps landing__section">
<div class="container">
<h2>Who can use our services?</h2>
<p>Here's who we can think of, but all will get a warm hug from our side.</p>
</div>
<div class="container">
<div class="steps__inner animated bounceInLeft delay-6s">
<div class="step">
<div class="step__media">
<img src="./images/developer.png" class="step__image">
</div>
<h4>Programmers</h4>
<p class="step__text">A landing page to display your open source projects. Present your solution, get them peer reviewed.</p>
</div>
<div class="step">
<div class="step__media">
<img src="./images/designer.png" class="step__image">
</div>
<h4>Designers</h4>
<p class="step__text">A website for you to show case your creativity. we shall put them to a large audience and help you grow.</p>
</div>
<div class="step">
<div class="step__media">
<img src="./images/makers.png" class="step__image">
</div>
<h4>Makers</h4>
<p class="step__text">A great starting point for those who have ideas, but are just longing for support.</p>
</div>
</div>
</div>
</div>
<!-- Expanded sections -->
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="./images/undraw_browser.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">All our products are user friendly download and get going!!</h2>
<p class="expanded__text">The Working Bros team works hard to bring you some qualtiy products, which can indeed serve you to the best of the posiibility. Our team has one goal, that technology should always stay not more than hand span length. We provide great support to anyone who is ready to learn and present the cake of their efforts in front of countless peers. </p>
</div>
</div>
</div>
</div>
<div class="expanded landing__section">
<div class="container">
<div class="expanded__inner">
<div class="expanded__media">
<img src="./images/together.svg" class="expanded__image">
</div>
<div class="expanded__content">
<h2 class="expanded__title">Your efforts, is our pride</h2>
<p class="expanded__text">Our team will happily put your products on the TWB display wall, for all to see and admire, To get inspiration from your efforts. </p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer footer--dark">
<div class="container">
<div class="footer__inner">
<div class="icon-bar">
<a href=""onclick="window.open('https://www.facebook.com/workingbros/','_blank')" class="icons">
<i class="fab fa-facebook fa-2x"></i>
</a>
<a href=""onclick="window.open('https://github.com/RisingLight','_blank')" class="icons">
<i class="fab fa-github fa-2x"></i>
</a>
<a href=""onclick="window.open('https://twitter.com/working_bros','_blank')" class="icons">
<i class="fab fa-twitter fa-2x"></i>
</a>
</div><br>
<p>Made with <span style="color: red">❤</span> by The Working Bros Team.</p>
</div>
</div>
</div>
<script src='js/app.min.js'></script>
</body>
</html>