Skip to content

Commit a30e9fa

Browse files
imabhishekkumarimabhishekkumar
committed
imporved: minor tweaks
1 parent ca89a46 commit a30e9fa

File tree

7 files changed

+64
-44
lines changed

7 files changed

+64
-44
lines changed

‎css/animate.min.css

+11
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/style.css

+43-23
Original file line numberDiff line numberDiff line change
@@ -359,6 +359,7 @@ html {
359359
color: #666;
360360
line-height: 1.7;
361361
font-weight: 400;
362+
text-align: center;
362363
-webkit-font-smoothing: antialiased;
363364
-moz-osx-font-smoothing: grayscale;
364365
text-rendering: optimizeLegibility;
@@ -422,25 +423,43 @@ a {
422423
@media (min-width: 992px) {
423424
.link:hover {
424425
color: #463aff; } }
425-
426-
button, .button {
427-
display: inline-block;
428-
padding: 6pt 20pt;
429-
line-height: 1.7;
430-
border: 1px solid #969696;
431-
color: #969696;
432-
font-weight: 400;
433-
transition: 0.7s;
434-
white-space: nowrap;
435-
cursor: pointer;
436-
background-color: transparent;
437-
box-shadow: 0px 1px 4px -2px #969696;
438-
text-shadow: 0px -1px #969696;
439-
border-radius: 30px;
440-
margin-bottom: 1.3em;
441-
transition: 0.7s;
442-
text-align: center;
443-
text-decoration: none; }
426+
button, .buttonn {
427+
display: inline-block;
428+
padding: 6pt 20pt;
429+
line-height: 1.7;
430+
color: #969696;
431+
font-weight: 400;
432+
transition: 0.7s;
433+
white-space: nowrap;
434+
cursor: pointer;
435+
background-color: transparent;
436+
box-shadow: 0px 1px 4px -2px #969696;
437+
text-shadow: 0px -1px #969696;
438+
border-radius: 30px;
439+
margin-bottom: 1.3em;
440+
transition: 0.7s;
441+
text-align: center;
442+
text-decoration: none; }
443+
444+
button, .button {
445+
display: inline-block;
446+
padding: 6pt 20pt;
447+
line-height: 1.7;
448+
border: 1px solid #969696;
449+
color: #969696;
450+
font-weight: 400;
451+
transition: 0.7s;
452+
white-space: nowrap;
453+
cursor: pointer;
454+
background-color: transparent;
455+
box-shadow: 0px 1px 4px -2px #969696;
456+
text-shadow: 0px -1px #969696;
457+
border-radius: 30px;
458+
margin-bottom: 1.3em;
459+
transition: 0.7s;
460+
text-align: center;
461+
text-decoration: none; }
462+
444463
button:hover, button:focus, .button:hover, .button:focus {
445464
outline: 0; }
446465
@media (min-width: 992px) {
@@ -857,7 +876,7 @@ select {
857876
.hero {
858877
position: relative;
859878
width: 100%;
860-
background-image: url("../images/evie_default_bg.jpeg");
879+
background-image: url("../images/background.jpg");
861880
box-shadow: 0 4px 11px rgba(124, 146, 169, 0.5);
862881
background-size: cover;
863882
background-position: center center;
@@ -871,7 +890,7 @@ select {
871890
position: absolute;
872891
height: 100%;
873892
width: 100%;
874-
opacity: 0.96;
893+
opacity: 0.85;
875894
z-index: 1;
876895
background-color: #6C63FF; }
877896

@@ -913,7 +932,8 @@ select {
913932
.hero__text {
914933
opacity: 0.85;
915934
line-height: 1.7;
916-
text-align: left;
935+
text-align: center;
936+
align-content: center;
917937
font-size: 1.1em; }
918938

919939
.hero .button {
@@ -998,7 +1018,7 @@ select {
9981018

9991019
.step__text {
10001020
max-width: 36ch;
1001-
text-align: left;
1021+
text-align: center;
10021022
margin-left: auto;
10031023
margin-right: auto; }
10041024

‎images/background.jpg

1.47 MB
Loading

‎images/designer.png

63.1 KB
Loading

‎images/developer.png

66.5 KB
Loading

‎images/makers.png

80.6 KB
Loading

‎index.html

+10-21
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,10 @@
44
<meta class="utf-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
66
<title>The Working Bros</title>
7-
<link rel="icon" type="image/ico" href="TWB%20new.ico" />
7+
<link rel="icon" type="image/ico" href="images/Our/TWB_NoBackground.svg" />
88
<!-- Don't forget to add your metadata here -->
99
<link rel='stylesheet' href='css/style.css' />
10+
<link rel="stylesheet" href="css/animate.min.css">
1011
</head>
1112
<body>
1213
<!-- Hero(extended) navbar -->
@@ -34,9 +35,9 @@
3435
<div class="container">
3536
<div class="hero__content">
3637
<div class="hero__content__inner" id='navConverter'>
37-
<h1 class="hero__title">Welcome to The Working Bros</h1>
38-
<p class="hero__text">Here you can have a look at the TWB products; all products are meant to benifit any person who wish to join us in our stride to make useful and quality products.</p>
39-
<a href="#" class="button button__accent">Download Section</a>
38+
<h1 class="hero__title animated fadeInDown" ">Welcome to The Working Bros</h1>
39+
<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>
40+
<a href="dashboard.html" class="buttonn button__accent">Download Section</a>
4041
<a href="#" class="button hero__button">Learn more</a>
4142
</div>
4243
</div>
@@ -55,24 +56,24 @@ <h2>Who can use our services?</h2>
5556
<p>Here's who we can think of, but all will get a warm hug from our side.</p>
5657
</div>
5758
<div class="container">
58-
<div class="steps__inner">
59+
<div class="steps__inner animated bounceInLeft delay-6s">
5960
<div class="step">
6061
<div class="step__media">
61-
<img src="./images/undraw_designer.svg" class="step__image">
62+
<img src="./images/developer.png" class="step__image">
6263
</div>
6364
<h4>Programmers</h4>
6465
<p class="step__text">A landing page to display your open source projects. Present your solution, get them peer reviewed.</p>
6566
</div>
6667
<div class="step">
6768
<div class="step__media">
68-
<img src="./images/undraw_responsive.svg" class="step__image">
69+
<img src="./images/designer.png" class="step__image">
6970
</div>
7071
<h4>Designers</h4>
7172
<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>
7273
</div>
7374
<div class="step">
7475
<div class="step__media">
75-
<img src="./images/undraw_creation.svg" class="step__image">
76+
<img src="./images/makers.png" class="step__image">
7677
</div>
7778
<h4>Makers</h4>
7879
<p class="step__text">A great starting point for those who have ideas, but are just longing for support.</p>
@@ -94,19 +95,7 @@ <h2 class="expanded__title">All our products are user friendly download and get
9495
</div>
9596
</div>
9697
</div>
97-
<div class="expanded landing__section">
98-
<div class="container">
99-
<div class="expanded__inner">
100-
<div class="expanded__media">
101-
<img src="./images/undraw_frameworks.svg" class="expanded__image">
102-
</div>
103-
<div class="expanded__content">
104-
<h2 class="expanded__title">We have a motivational enviorment for all =)</h2>
105-
<p class="expanded__text">Web developer? Mobile developer? Desktop developer? Geek? Get on board as we are not limited by anything. We love tech and so do you, let your spark become fire and our Team will provide the fuel you need. </p>
106-
</div>
107-
</div>
108-
</div>
109-
</div>
98+
11099
<div class="expanded landing__section">
111100
<div class="container">
112101
<div class="expanded__inner">

0 commit comments

Comments
 (0)