Skip to content

Commit c1748f2

Browse files
tejas-git64tejas-git64
committed
removed unused imgs
1 parent 41b5c01 commit c1748f2

15 files changed

+252
-43
lines changed

‎assets/index-BUuMia0i.css‎

Lines changed: 69 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -285,7 +285,7 @@ h2 {
285285
font-weight: 600;
286286
}
287287
.intro-text p {
288-
color: #7244f0;
288+
color: #a58beb;
289289
font-weight: 600;
290290
-webkit-animation: fadeIn 1.5s ease;
291291
animation: fadeIn 1.5s ease;
@@ -493,18 +493,16 @@ h2 {
493493
background-size: cover;
494494
}
495495
#contact {
496-
background-image: url("../images/contact-background/gabe-09IS_HJcUZA-unsplash1200.webp");
497496
position: relative;
498-
background-position: center;
499-
background-size: cover;
500-
background-attachment: scroll;
501497
padding-bottom: 0;
502498
display: flex;
503499
justify-content: center;
504500
align-items: center;
505501
height: -webkit-fit-content;
506502
height: -moz-fit-content;
507503
height: fit-content;
504+
background-color: #fadb69;
505+
background-image: none;
508506
}
509507
#about h1,
510508
#contact h1 {
@@ -518,9 +516,6 @@ h2 {
518516
top: 0;
519517
left: 0;
520518
}
521-
#comments {
522-
background-color: #fff;
523-
}
524519
#contact .top {
525520
width: 100%;
526521
height: 300px;
@@ -607,7 +602,7 @@ h2 {
607602
padding: 25px 15px;
608603
text-align: center;
609604
color: #81fff5;
610-
box-shadow: -1.5vw -1.5vw #006eff;
605+
box-shadow: -20px -20px #006eff;
611606
border-radius: 20px;
612607
word-spacing: 10px;
613608
}
@@ -807,13 +802,13 @@ h2 {
807802
}
808803
.contact-container {
809804
width: 100%;
810-
background-color: #fff;
805+
background-color: transparent;
811806
height: auto;
812807
padding: 15px 0 10px;
813-
border-radius: 20px;
808+
border-radius: 30px;
814809
justify-content: center;
815-
box-shadow: 1.5vw 1.5vw #ffe657;
816810
z-index: 20;
811+
border: 2px dashed #0d0017;
817812
}
818813
.contact-container form {
819814
width: 85%;
@@ -844,25 +839,26 @@ h2 {
844839
margin-bottom: 20px;
845840
font-size: 1rem;
846841
transition: all 0.35s ease;
847-
border-bottom: 2px solid #ececec;
842+
border-bottom: 2px solid #ffd500;
848843
font-weight: 600;
849844
}
850845
.contact-container form input:focus,
851846
.contact-container form textarea:focus {
852-
border-bottom: 2px solid #3a3a3a;
847+
border-bottom: 2px solid #000000;
853848
}
854849
.contact-container form textarea {
855850
min-height: 60px;
856851
resize: none;
857852
font-family: Plus Jakarta Sans, sans-serif;
858853
margin-bottom: 20px;
859854
border: none;
860-
border-bottom: 2px solid #e3e3e3;
855+
border-bottom: 2px solid #ffd500;
861856
font-size: 0.75rem;
862857
max-height: auto;
863858
font-weight: 600;
864859
outline: none;
865860
color: #000;
861+
background-color: transparent;
866862
}
867863
.contact-container form button {
868864
padding: 16px 0;
@@ -1118,6 +1114,9 @@ footer .bottom-links li a:hover {
11181114
font-size: 0.75rem;
11191115
margin-bottom: 5px;
11201116
}
1117+
#mail-art {
1118+
display: none;
1119+
}
11211120
#about,
11221121
#contact {
11231122
margin-top: 0;
@@ -1171,7 +1170,8 @@ footer .bottom-links li a:hover {
11711170
padding: 12px 20px;
11721171
}
11731172
#contact {
1174-
background-image: url("../images/contact-background/gabe-09IS_HJcUZA-unsplash450.webp");
1173+
padding: 200px 0 250px 0;
1174+
background-color: #fadb69;
11751175
}
11761176
#contact h1 {
11771177
background-image: url("../svgs/contact/h1/h1449.svg");
@@ -1459,6 +1459,9 @@ footer .bottom-links li a:hover {
14591459
font-size: 0.75rem;
14601460
margin-bottom: 5px;
14611461
}
1462+
#mail-art {
1463+
display: none;
1464+
}
14621465
#about,
14631466
#contact {
14641467
margin-top: 0;
@@ -1511,7 +1514,8 @@ footer .bottom-links li a:hover {
15111514
padding: 12px 20px;
15121515
}
15131516
#contact {
1514-
background-image: url("../images/contact-background/gabe-09IS_HJcUZA-unsplash600.webp");
1517+
padding: 150px 0 200px 0;
1518+
background-color: #fadb69;
15151519
}
15161520
#contact h1 {
15171521
background-image: url("../svgs/contact/h1/h1639.svg");
@@ -1845,6 +1849,9 @@ footer .bottom-links li a:hover {
18451849
font-size: 0.75rem;
18461850
margin-bottom: 5px;
18471851
}
1852+
#mail-art {
1853+
display: none;
1854+
}
18481855
#about,
18491856
#contact {
18501857
margin-top: 0;
@@ -1904,8 +1911,8 @@ footer .bottom-links li a:hover {
19041911
padding: 12px 20px;
19051912
}
19061913
#contact {
1907-
background-image: url("../images/contact-background/gabe-09IS_HJcUZA-unsplash_landscape900.webp");
1908-
padding: 200px 0;
1914+
padding: 180px 0 230px 0;
1915+
background-color: #fadb69;
19091916
}
19101917
#contact h1 {
19111918
background-image: url("../svgs/contact/h1/h1899.svg");
@@ -2282,6 +2289,9 @@ footer .bottom-links li a:hover {
22822289
font-size: 0.75rem;
22832290
margin-bottom: 5px;
22842291
}
2292+
#mail-art {
2293+
display: none;
2294+
}
22852295
#about,
22862296
#contact {
22872297
margin-top: 0;
@@ -2343,9 +2353,12 @@ footer .bottom-links li a:hover {
23432353
padding: 12px 20px;
23442354
margin-right: -20px;
23452355
}
2356+
#mail-art {
2357+
display: none;
2358+
}
23462359
#contact {
2347-
background-image: url("../images/contact-background/gabe-09IS_HJcUZA-unsplash_landscape1200.webp");
2348-
padding: 250px 0;
2360+
padding: 180px 0 230px 0;
2361+
background-color: #fadb69;
23492362
}
23502363
#contact h1 {
23512364
background-image: url("../svgs/contact/h1/h11199.svg");
@@ -2387,7 +2400,7 @@ footer .bottom-links li a:hover {
23872400
font-weight: 600;
23882401
}
23892402
.contact-container form textarea {
2390-
min-height: 150px;
2403+
min-height: 100px;
23912404
font-size: 0.95rem;
23922405
}
23932406
.contact-container form button {
@@ -2723,6 +2736,9 @@ footer .bottom-links li a:hover {
27232736
font-size: 0.75rem;
27242737
margin-bottom: 5px;
27252738
}
2739+
#mail-art {
2740+
display: block;
2741+
}
27262742
#about,
27272743
#contact {
27282744
margin-top: 0;
@@ -2785,7 +2801,8 @@ footer .bottom-links li a:hover {
27852801
margin-right: -20px;
27862802
}
27872803
#contact {
2788-
background-image: url("../images/contact-background/gabe-09IS_HJcUZA-unsplash_landscape1200.webp");
2804+
padding: 200px 0 230px 0;
2805+
background-color: #fadb69;
27892806
}
27902807
#contact h1 {
27912808
background-image: url("../svgs/contact/h1/h11399.svg");
@@ -2804,17 +2821,22 @@ footer .bottom-links li a:hover {
28042821
background-size: contain;
28052822
}
28062823
.contact-container {
2807-
width: 550px;
2824+
width: 450px;
28082825
padding-bottom: 30px;
28092826
border-radius: 10px;
2827+
margin-left: 100px;
2828+
border: none;
2829+
margin-right: 0px;
28102830
}
28112831
.contact-container form {
28122832
height: auto;
28132833
}
28142834
.contact-container form h2 {
28152835
font-size: 1.5rem;
2816-
margin: 0px 30px 30px;
2836+
margin-bottom: 60px;
28172837
font-weight: 900;
2838+
text-align: left;
2839+
margin-top: -50px;
28182840
}
28192841
.contact-container form label {
28202842
font-size: 0.85rem;
@@ -2826,7 +2848,7 @@ footer .bottom-links li a:hover {
28262848
font-weight: 600;
28272849
}
28282850
.contact-container form textarea {
2829-
min-height: 150px;
2851+
min-height: 80px;
28302852
font-size: 0.95rem;
28312853
}
28322854
.contact-container form button {
@@ -2925,13 +2947,14 @@ footer .bottom-links li a:hover {
29252947
#introduction {
29262948
width: 100%;
29272949
margin: 0px auto;
2928-
height: 450px;
2950+
height: 500px;
29292951
flex-direction: row;
29302952
background-image: url("../svgs/introduction/introduction1399.svg");
2931-
background-position: top;
2953+
background-position: center;
29322954
align-items: center;
29332955
justify-content: space-evenly;
29342956
padding: 20px 0;
2957+
background-size: cover;
29352958
}
29362959
#introduction .intro-images {
29372960
width: 400px;
@@ -3182,6 +3205,11 @@ footer .bottom-links li a:hover {
31823205
font-size: 0.75rem;
31833206
margin-bottom: 5px;
31843207
}
3208+
#mail-art {
3209+
display: block;
3210+
width: 520px;
3211+
height: 520px;
3212+
}
31853213
#about,
31863214
#contact {
31873215
margin-top: 0;
@@ -3190,10 +3218,11 @@ footer .bottom-links li a:hover {
31903218
background-size: cover;
31913219
}
31923220
#contact {
3193-
background-size: cover;
3194-
background-position: bottom;
3195-
padding: 250px 0 250px 0;
3221+
padding: 150px 0 250px 0;
31963222
height: 800px;
3223+
background-color: #fadb69;
3224+
height: 500px;
3225+
border-radius: 50px;
31973226
}
31983227
#about {
31993228
padding: 0;
@@ -3255,21 +3284,16 @@ footer .bottom-links li a:hover {
32553284
margin-right: -20px;
32563285
margin-top: 50px;
32573286
}
3258-
#contact {
3259-
background-image: url("../images/contact-background/gabe-09IS_HJcUZA-unsplash_landscape1200.webp");
3260-
border-top-left-radius: 40px;
3261-
border-top-right-radius: 40px;
3262-
height: 500px;
3263-
}
32643287
#contact h1 {
32653288
background-image: url("../svgs/contact/h1/h11399.svg");
32663289
font-size: 1.85rem;
32673290
margin-top: 0;
32683291
padding-bottom: 100px;
32693292
border-top-left-radius: 40px;
32703293
border-top-right-radius: 40px;
3271-
padding-top: 50px;
3294+
padding-top: 0px;
32723295
background-size: cover;
3296+
padding-top: 30px;
32733297
}
32743298
#contact .top {
32753299
background-image: url("../svgs/contact/top/top1399.svg");
@@ -3280,17 +3304,21 @@ footer .bottom-links li a:hover {
32803304
display: none;
32813305
}
32823306
.contact-container {
3283-
width: 550px;
3307+
width: 450px;
32843308
padding-bottom: 30px;
32853309
border-radius: 10px;
3310+
margin-left: 100px;
3311+
border: none;
3312+
margin-right: 0px;
32863313
}
32873314
.contact-container form {
32883315
height: auto;
32893316
}
32903317
.contact-container form h2 {
32913318
font-size: 1.5rem;
3292-
margin: 0px 30px 30px;
3319+
margin-bottom: 60px;
32933320
font-weight: 900;
3321+
text-align: left;
32943322
}
32953323
.contact-container form label {
32963324
font-size: 0.85rem;
@@ -3302,7 +3330,7 @@ footer .bottom-links li a:hover {
33023330
font-weight: 600;
33033331
}
33043332
.contact-container form textarea {
3305-
min-height: 150px;
3333+
min-height: 10px;
33063334
font-size: 0.95rem;
33073335
}
33083336
.contact-container form button {

‎images/contact-background/gabe-09IS_HJcUZA-unsplash320.webp‎

-28.1 KB
Binary file not shown.

‎images/contact-background/gabe-09IS_HJcUZA-unsplash450.webp‎

-45.6 KB
Binary file not shown.

‎images/contact-background/gabe-09IS_HJcUZA-unsplash600.webp‎

-65.6 KB
Binary file not shown.

‎images/contact-background/gabe-09IS_HJcUZA-unsplash_landscape1200.webp‎

-96.6 KB
Binary file not shown.

‎images/contact-background/gabe-09IS_HJcUZA-unsplash_landscape900.webp‎

-66.8 KB
Binary file not shown.

‎index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -393,6 +393,7 @@ <h1>About me</h1>
393393
<h1 data-animation="animateFadeIn">
394394
Want to build the next big thing?
395395
</h1>
396+
<img src="/svgs/coding-5-33.svg" alt="mail-art" id="mail-art" width="500" height="500">
396397
<div class="animateFadeBottom contact-container">
397398
<form action="https://formsubmit.co/b0699b68232a81637d5197ce1cdbefcc" id="contact-form" method="POST"
398399
target="_blank">

‎svgs/coding-5-33.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎svgs/contact/h1/h1449.svg‎

Lines changed: 1 addition & 1 deletion
Loading

0 commit comments

Comments
 (0)