Skip to content

Commit d903fda

Browse files
Merge pull request #97 from Sumit-14Singh/main
added Sumit btn
2 parents fe80166 + 4eb2d4b commit d903fda

File tree

2 files changed

+74
-0
lines changed

2 files changed

+74
-0
lines changed

buttons/buttons.css

+44
Original file line numberDiff line numberDiff line change
@@ -1969,3 +1969,47 @@ box-shadow: rgb(40, 159, 237) 5px 5px 0px 0px, rgb(95, 184, 255) 10px 10px 0px 0
19691969
opacity: 1;
19701970
z-index: -1;
19711971
}
1972+
1973+
/* Sumit1 btn start */
1974+
.Sumit-btn-1{
1975+
background-color: #26d023;
1976+
border: 3px solid red;
1977+
width: 200px;
1978+
padding: 20px;
1979+
font-size: 30px;
1980+
}
1981+
.Sumit-btn-1:hover{
1982+
background-color: yellow;
1983+
transform: all 2s;
1984+
}
1985+
/* Sumit2 btn end */
1986+
1987+
/* Sumit-btn-2 start */
1988+
.Sumit-btn-2 {
1989+
border: 3px solid rgb(66, 16, 147);
1990+
width: 250px;
1991+
padding: 30px;
1992+
border-radius: 100%;
1993+
background-color: red;
1994+
font-size: 30px;
1995+
}
1996+
.Sumit-btn-2:hover{
1997+
background-color: gray;
1998+
}
1999+
/* Sumit-btn-2 end */
2000+
2001+
/* Sumit-btn-3 start */
2002+
.Sumit-btn-3 {
2003+
/* text-size-adjust: 20px; */
2004+
background-color: #00C0FF;
2005+
border: 3px solid rgb(80, 236, 29);
2006+
width: 170px;
2007+
padding: 20px;
2008+
border-radius: 70px;
2009+
font-size: 20px;
2010+
}
2011+
.Sumit-btn-3:hover{
2012+
background-color: white;
2013+
}
2014+
2015+
/* Sumit-btn-3 end */

index.html

+30
Original file line numberDiff line numberDiff line change
@@ -492,6 +492,36 @@
492492
</div>
493493
</div>
494494
<!-- Nitish's btn end -->
495+
496+
<!-- Sumit1 btn start -->
497+
<div class="button-container">
498+
<button class="Sumit-btn-1"><span>Button</span></button>
499+
<div class="createdby-section">
500+
Created by
501+
<a href="https://github.com/Sumit-14Singh">Sumit</a>
502+
</div>
503+
</div>
504+
<!-- Sumit1 btn end -->
505+
506+
<!-- Sumit2 btn start -->
507+
<div class="button-container">
508+
<button class="Sumit-btn-2"><span>Button</span></button>
509+
<div class="createdby-section">
510+
Created by
511+
<a href="https://github.com/Sumit-14Singh">Sumit</a>
512+
</div>
513+
</div>
514+
<!-- Sumit2 btn end -->
515+
516+
<!-- Sumit3 btn start -->
517+
<div class="button-container">
518+
<button class="Sumit-btn-3"><span>Sumit</span></button>
519+
<div class="createdby-section">
520+
Created by
521+
<a href="https://github.com/Sumit-14Singh">Sumit</a>
522+
</div>
523+
</div>
524+
<!-- Sumit3 btn end -->
495525

496526

497527

0 commit comments

Comments
 (0)