Skip to content

Commit dc1b74e

Browse files
committed
modified - design, heavy images.
1 parent d5acc8e commit dc1b74e

22 files changed

Lines changed: 48 additions & 49 deletions

css/style.css

Lines changed: 44 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -63,6 +63,7 @@ html {
6363
}
6464

6565
body {
66+
position: relative;
6667
min-height: calc(100vh - 75px);
6768
z-index: -1;
6869
display: flex;
@@ -212,7 +213,7 @@ img {
212213
.wrapper-animation .bar {
213214
width: 100%;
214215
height: 100%;
215-
background: var(--backcolor2);
216+
background: white;
216217

217218
transform: translateY(-100%);
218219
animation: show-bars .7s ease-in forwards;
@@ -240,12 +241,12 @@ img {
240241
75% {
241242
transform: translateY(125%);
242243
opacity: 0.4;
243-
color: var(--backcolor1)
244+
color: black;
244245
}
245246

246247
100% {
247248
opacity: 0;
248-
color: var(--backcolor1);
249+
color: white;
249250
visibility: hidden;
250251
}
251252
}
@@ -287,9 +288,8 @@ img {
287288
animation: show-content 1s linear forwards;
288289
animation-delay: 0.5s;
289290

290-
/* background-image: url('../public/KARELA-09530-3.JPG'); */
291+
background-image: url('../public/gallery/tempbgs/table-bg.jpg');
291292

292-
background-image: url('../public/KARELA-09530-3.JPG');
293293
background-size: cover;
294294
background-repeat: no-repeat;
295295
background-position: center center;
@@ -323,15 +323,15 @@ img {
323323
}
324324
@keyframes float {
325325
0% {
326-
transform: translateY(0);
326+
transform: translateY(7.5px);
327327
}
328328

329329
50% {
330330
transform: translateY(15px);
331331
}
332332

333333
100% {
334-
transform: translateY(0);
334+
transform: translateY(7.5px);
335335
}
336336
}
337337

@@ -362,7 +362,7 @@ img {
362362
position: absolute;
363363
width: 315px;
364364
height: 315px;
365-
border-left: 2px solid rgb(255, 255, 255);
365+
border-left: 1px solid rgb(255, 255, 255);
366366
transform: rotate(0deg);
367367
animation: rotate-border 4s linear infinite;
368368
box-shadow: 0px 0px 50px 1px rgba(0, 0, 0, 0.);
@@ -470,7 +470,6 @@ img {
470470
}
471471

472472
.typing-text-container {
473-
margin-top: 1em;
474473
min-width: 450px;
475474
max-width: 100%;
476475
display: flex;
@@ -491,7 +490,6 @@ img {
491490
}
492491

493492
.typing-text {
494-
padding: 0px 7px;
495493
align-items: center;
496494
font-size: 1.25rem;
497495
font-weight: 700;
@@ -515,19 +513,19 @@ img {
515513
border-left: none;
516514
}
517515

518-
/* Span letter animation */
519516
.animated-typing span {
520517
color: black;
521518
font-size: 1.25rem;
519+
font-weight: 500;
522520
display: inline-block;
523521
position: relative;
524522
padding-left: 0px;
525523
opacity: 0;
526-
font-weight: 300;
527-
transform: translateX(-10px);
528-
-webkit-text-stroke: 2.7px black;
524+
transform: translateX(-5px);
525+
-webkit-text-stroke: 1px black;
529526
animation: typing 0.5s forwards;
530-
margin-right: 3px;
527+
margin-right: 1.5px;
528+
min-width: 5px;
531529
}
532530

533531
.animated-typing span::before {
@@ -561,7 +559,7 @@ img {
561559
background: rgba(0, 0, 0, 0.651);
562560
text-align: right;
563561
padding: 1em 20px;
564-
width: 60%;
562+
width: 40%;
565563
font-size: var(--fs-p);
566564
visibility: hidden;
567565
opacity: 0;
@@ -577,6 +575,7 @@ img {
577575
}
578576

579577
.home-info .social-icons {
578+
margin-top: 3em;
580579
display: flex;
581580
align-items: center;
582581
visibility: hidden;
@@ -605,10 +604,6 @@ img {
605604
transform: scale(1.1) translateY(-5%);
606605
}
607606

608-
.home-section .social-icons .social-icons-box {
609-
margin-left: 20px;
610-
}
611-
612607
.home-section .social-icons .social-icons-box a {
613608
display: inline-flex;
614609
padding: 10px;
@@ -628,13 +623,12 @@ img {
628623
box-shadow: 0 0 10px var(--secondary);
629624
transform: scale(1.1) translateY(-5%);
630625
}
631-
632-
633626
/* <!-- ----End Home Section--------> */
634627

628+
635629
/* <!-- ----Projects Section---------------> */
636630
.projects-section {
637-
background-image: url('../public/gallery//venue-arrangements/arrangement-4.JPG');
631+
background-color: rgb(43, 43, 43);
638632
background-size: cover;
639633
background-repeat: no-repeat;
640634
background-position: center center;
@@ -646,9 +640,10 @@ img {
646640
align-items: center;
647641
max-width: 100vw;
648642
height: 100%;
649-
padding: 0 0;
643+
padding: 0 0 5em 0;
650644
position: relative;
651645
box-shadow: inset 0px 0px 20px 2px rgba(0, 0, 0, 0.642);
646+
652647
}
653648

654649
.cards-container {
@@ -876,7 +871,7 @@ img {
876871
align-content: center;
877872
position: relative;
878873

879-
background-image: url('../public/KARELA-09530-2.JPG');
874+
background-image: url('../public/gallery/tempbgs/table-bg.jpg');
880875
background-size: cover;
881876
background-repeat: no-repeat;
882877
background-position: center center;
@@ -886,10 +881,9 @@ img {
886881
.about-content-wrapper {
887882
scrollbar-color: goldenrod black;
888883
scrollbar-width: thin;
889-
890-
box-shadow: 0px 0px 5px 2px goldenrod;
891884
height: auto;
892-
max-height: 80%;
885+
max-height: 500px;
886+
893887

894888
overflow-y: auto;
895889
overscroll-behavior: contain;
@@ -1010,7 +1004,7 @@ img {
10101004
align-items: center;
10111005
align-content: center;
10121006

1013-
background-image: url('../public/gallery//dishes/dishes-1.JPG');
1007+
background-image: url('../public/gallery/tempbgs/wood-bg.jpg');
10141008
background-size: cover;
10151009
background-repeat: no-repeat;
10161010
background-position: center center;
@@ -1414,6 +1408,7 @@ img {
14141408
}
14151409

14161410
.home-section-header {
1411+
width: unset;
14171412
gap: 3em;
14181413
padding: 0px 3em;
14191414
transform: unset;
@@ -1424,6 +1419,7 @@ img {
14241419
}
14251420

14261421
.typing-text-container{
1422+
display: none;
14271423
transform: unset;
14281424
min-width: 90%;
14291425
max-width: 90%;
@@ -1439,7 +1435,10 @@ img {
14391435
}
14401436

14411437
.home-logo-wrapper {
1438+
margin-bottom: 1em;
1439+
14421440
margin-top: 3em;
1441+
14431442
height: 190px;
14441443
width: 225px;
14451444
border-radius: 50px 50px 0px 0px;
@@ -1506,18 +1505,16 @@ img {
15061505

15071506
/* <!-- ----@Media Projects Section--------------> */
15081507
.projects-section {
1509-
object-fit: cover !important;
1510-
background-blend-mode: multiply;
1511-
background-repeat: repeat-y;
1512-
1513-
padding: 2.5em 0px 0em;
1514-
background-position: bottom !important;
1515-
background-repeat: repeat-y !important;
1516-
1517-
background-image: url('../public/KARELA-09530-3.JPG');
1518-
background-size: cover;
1519-
background-repeat: no-repeat;
1520-
background-position: center center;
1508+
background-image: unset;
1509+
background-color: #0e1116;
1510+
/* overflow-y: scroll;
1511+
scrollbar-width: none; */
1512+
padding: 2.5em 0px 0em;
1513+
/* max-height: 100vh; */
1514+
1515+
/* background-image: url('../public/gallery/tempbgs/bg19.jpg');
1516+
background-size:cover; */
1517+
15211518
}
15221519

15231520
.sticky-title {
@@ -1526,6 +1523,10 @@ img {
15261523
border: none;
15271524
height: 70px;
15281525
}
1526+
.sticky-title, .sticky-title h2, .projects-menu{
1527+
z-index: 5;
1528+
position: relative;
1529+
}
15291530

15301531
.projects-menu {
15311532
display: flex;
@@ -1554,6 +1555,7 @@ img {
15541555

15551556
.projects-section p {
15561557
font-size: .75rem;
1558+
border-radius: 0px !important;
15571559
}
15581560

15591561
.cards-container {
@@ -1565,7 +1567,7 @@ img {
15651567

15661568
.cards-box {
15671569
min-width: 250px;
1568-
1570+
box-shadow: 0px 0px 15px 2px black;
15691571
}
15701572

15711573
.cards-box.visible {
@@ -1574,7 +1576,6 @@ img {
15741576
border-radius: 15px;
15751577
-webkit-backdrop-filter: blur(2px);
15761578
backdrop-filter: blur(2px);
1577-
border: 1px solid goldenrod;
15781579
opacity: 1;
15791580
}
15801581

index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -77,7 +77,7 @@ <h1>Alegro</h1>
7777
</div>
7878

7979
<p style="text-align: center;">
80-
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus aperiam omnis esse praesentium, non iste dolorem voluptatibus velit animi tempore libero quam accusamus autem fuga ipsam officia nobis dolores rem numquam voluptatem, quia a. Aperiam?
80+
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Possimus aperiam omnis esse praesentium, non iste dolorem voluptatibus
8181
</p>
8282

8383
<div class="typing-text-container">

public/gallery/tempbgs/bg1.jpg

297 KB
Loading

public/gallery/tempbgs/bg10.jpg

72 KB
Loading

public/gallery/tempbgs/bg12.jpg

155 KB
Loading

public/gallery/tempbgs/bg19.jpg

341 KB
Loading

public/gallery/tempbgs/bg2.jpg

1.53 MB
Loading

public/gallery/tempbgs/bg4.jpg

259 KB
Loading

public/gallery/tempbgs/bg5.jpg

193 KB
Loading
412 KB
Loading

0 commit comments

Comments
 (0)