Skip to content

Commit 3b787bf

Browse files
imabhishekkumarimabhishekkumar
committed
added: project dashboard
1 parent a8619f9 commit 3b787bf

File tree

6 files changed

+113
-28
lines changed

6 files changed

+113
-28
lines changed

‎css/style.css

+5-2
Original file line numberDiff line numberDiff line change
@@ -327,10 +327,13 @@ html {
327327

328328
img, svg {
329329
max-width: 100%; }
330+
.slide{
331+
width: 100%;
332+
background: #000;
333+
}
330334

331335
.container {
332-
width: 88%;
333-
max-width: 1080px;
336+
width: 100%;
334337
margin: 0 auto;
335338
position: relative; }
336339

‎dashboard.html

+108-26
Original file line numberDiff line numberDiff line change
@@ -3,49 +3,131 @@
33
<head>
44
<meta class="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
6-
<title>Dashboard | Evie by unDraw</title>
7-
<link rel='stylesheet' href='css/style.min.css' />
6+
<title>The Working Bros</title>
7+
<link rel="icon" type="image/ico" href="images/Our/TWB_NoBackground.svg" />
8+
<!-- Don't forget to add your metadata here -->
9+
<link rel='stylesheet' href='css/style.css' />
10+
<link rel="stylesheet" href="css/animate.min.css">
11+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
13+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
14+
<script src="https://kit.fontawesome.com/8ba1cb7127.js"></script>
15+
16+
17+
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
818
</head>
919
<body>
10-
<!-- navbar -->
11-
<div class="navbar">
20+
<!-- Hero(extended) navbar -->
21+
<div class="navbar navbar--extended">
1222
<nav class="nav__mobile"></nav>
1323
<div class="container">
1424
<div class="navbar__inner">
15-
<a href="#" class="navbar__logo">Logo</a>
16-
<nav class="navbar__menu">
17-
<ul>
18-
<li><a href="#">Option</a></li>
19-
<li><a href="#">Option 2</a></li>
20-
</ul>
21-
</nav>
25+
<img href="index.html" src="images/Our/TWB_NoBackground.svg" height="55" width="55" alt="TWB" class="navbar__logo"/>
2226
<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>
2327
</div>
2428
</div>
2529
</div>
26-
<!-- Page content -->
27-
<div class="app">
30+
<!-- Hero unit -->
31+
32+
<div class="container" ">
33+
<div id="myCarousel" class="carousel slide" data-ride="carousel" >
34+
<!-- Indicators -->
35+
<ol class="carousel-indicators">
36+
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
37+
<li data-target="#myCarousel" data-slide-to="1"></li>
38+
<li data-target="#myCarousel" data-slide-to="2"></li>
39+
</ol>
40+
41+
<!-- Wrapper for slides -->
42+
<div class="carousel-inner" style="width:100%;" >
43+
<div class="item active">
44+
<img src="/images/secureVault.png" alt="Los Angeles" style="width:100%;">
45+
</div>
46+
47+
<div class="item">
48+
<img src="/images/secureVault.png" alt="Chicago" style="width:100%;">
49+
</div>
50+
51+
<div class="item">
52+
<img src="/images/secureVault.png" alt="New york" style="width:100%;">
53+
</div>
54+
</div>
55+
56+
<!-- Left and right controls -->
57+
<a class="left carousel-control" href="#myCarousel" data-slide="prev">
58+
<span class="glyphicon glyphicon-chevron-left"></span>
59+
<span class="sr-only">Previous</span>
60+
</a>
61+
<a class="right carousel-control" href="#myCarousel" data-slide="next">
62+
<span class="glyphicon glyphicon-chevron-right"></span>
63+
<span class="sr-only">Next</span>
64+
</a>
65+
</div>
66+
</div>
67+
68+
<div class="hero__sub">
69+
<span id="scrollToNext" class="scroll">
70+
<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>
71+
</span>
72+
</div>
73+
<!-- Steps -->
74+
<div class="steps landing__section">
2875
<div class="container">
29-
<div class="app__inner">
30-
<div class="app__menu">
31-
<ul class="vMenu">
32-
<li><a href="#" class="vMenu--active">Active page</a></li>
33-
<li><a href="#">Second page</a></li>
34-
<li><a href="#">Third page</a></li>
35-
<li><a href="#">Fourth page</a></li>
36-
<li><a href="#">Fifth page</a></li>
37-
</ul>
76+
<h2>Our Projects</h2>
77+
<p>Take a look at our projects and feel free to contribute to it.</p>
78+
</div>
79+
<div class="container">
80+
<div class="steps__inner animated bounceInLeft delay-6s">
81+
<div class="step">
82+
<div class="step__media">
83+
<img src="./images/vault.png"class="step__image">
84+
</div>
85+
<h4>Secure Vault</h4>
86+
<p class="step__text">Offline Text Security Vault, save password, credit card number or anything.</p>
87+
<button type="button" onclick="window.open('https://github.com/AdarshRise/Secure-Vault')" class="btn btn-primary">See on Github</button>
3888
</div>
39-
<div class="app__main">
40-
<div class="text-container">
41-
<h3 class="app__main__title">This is the main area</h3>
42-
<p>Write or do whatever you want here!</p>
89+
<div class="step"">
90+
<div class="step__media">
91+
<img src="./images/ic_launcher.png" class="step__image">
4392
</div>
93+
<h4>Movie Carnival</h4>
94+
<p class="step__text">Discover movies from TMDb.</p>
95+
<button type="button"onclick="window.open('https://github.com/imabhishekkumar/Movie-Carnival')" class="btn btn-primary">See on Github</button>
96+
</div>
97+
<div class="step" ">
98+
<div class="step__media">
99+
<img src="./images/launcher_icon.png" class="step__image">
100+
</div>
101+
<h4>CodeX</h4>
102+
<p class="step__text">A mobile compiler that supports various programming languages.</p>
103+
<button type="button" class="btn btn-primary" onclick="window.open('https://github.com/imabhishekkumar/CodeX_Flutter')">See on Github</button>
44104
</div>
45105
</div>
46106
</div>
47107
</div>
108+
48109

110+
<!-- Footer -->
111+
<div class="footer footer--dark">
112+
<div class="container">
113+
<div class="footer__inner">
114+
<div class="icon-bar">
115+
<a href=""onclick="window.open('https://www.facebook.com/workingbros/','_blank')" class="icons">
116+
<i class="fab fa-facebook fa-2x"></i>
117+
</a>
118+
<a href=""onclick="window.open('https://github.com/RisingLight','_blank')" class="icons">
119+
<i class="fab fa-github fa-2x"></i>
120+
</a>
121+
122+
<a href=""onclick="window.open('https://twitter.com/working_bros','_blank')" class="icons">
123+
<i class="fab fa-twitter fa-2x"></i>
124+
</a>
125+
126+
</div><br>
127+
<p>Made with <span style="color: red">❤</span> by The Working Bros Team.</p>
128+
</div>
129+
</div>
130+
</div>
49131
<script src='js/app.min.js'></script>
50132
</body>
51133
</html>

‎images/ic_launcher.png

2.11 KB
Loading

‎images/launcher_icon.png

3.14 KB
Loading

‎images/secureVault.png

155 KB
Loading

‎images/vault.png

81.1 KB
Loading

0 commit comments

Comments
 (0)