diff --git a/about.html b/about.html index 36d62cf..c0ff2d1 100644 --- a/about.html +++ b/about.html @@ -4,6 +4,13 @@ + + + + + BEAUTIFUL HOME SPACES @@ -15,15 +22,14 @@ - - - + + -
+
-
+
BEAUTIFUL HOME SPACES
@@ -33,11 +39,11 @@
@@ -76,14 +82,14 @@

Beautiful Home Spaces

Step3
-

Take rest...

+

Take Rest...

3

Step4
-

your dream house
is ready

+

Your Dream House
is Ready

4

@@ -92,8 +98,7 @@

Beautiful Home Spaces

Recent Projects
-

Full Interior

- +

Client : Mr. Santosh & Mrs Satya
Address : RR Tropicana, Narsingi

img1 @@ -124,49 +129,58 @@

Full Interior

Listen to our customers

- Great design concept and color scheme 👌. Improved storage options and textures would enchance the space futher. For more details Click here... + Great design concept and color scheme 👌. Improved storage options and textures would enchance the space futher. For more details Click here...

+
-

Full Interior

- -
+

Client : Mr. Shishir Tripati & Mrs. Shailaja Tripati
Address : RR + Tropicana, Narsingi

+
- img1 - img2 - img3 - img4 - img5 - img6 - img7 + img1 + img2 + img3 + img4 + img5 + img6 + img7 + img8 + img9
- +
- +
- - - - - - - - + + + + + + + + +

Listen to our customers

- Excellent attention to detail and functionality. Loved the use of natural light. Overall,a fantastic job!😍😊 For more details Click here... + I am thrilled with the interior designing work! The attention to detail and creativity exceeded my expectations. + Click here... +

-
See More...
- +
See More...
+ + +
@@ -181,6 +195,7 @@

Can't find What you are looking for?
No problem<
+ - - - - - -
-
-
- -
-
BEAUTIFUL HOME SPACES
-
you dream...we create...
-
-
- - -
- -
-
-

Explore Inspiring Spaces

-

A glimpse into the realms od beauty and creativity, where spaces come alive with dreams and desires.

- Explore -
-
- - -
What can we provide
-
-
-

Kitchen

-

A Well-designed kitchen is the heart of a happy home, Where flavours come to life, and memories are - savoured.

-
-
- img1 - img2 - img3 - img4 - img5 - img6 - img7 -
-
- -
-
- -
-
- - - - - - - -
-
-
- - -
-

Living Room

-

Embrace the art of living in style, Where moments of laughter, love and connection paint the canvas of - your heart.

-
-
- - img1 - img2 - img3 - img4 - img5 - img6 - img7 -
-
- -
-
- -
-
- - - - - - - -
-
-
- - -
-

Bed Room

-

Create a sanctuary of serenity and dreams, where the whispers of comfort embrace you each night.

-
-
- - img1 - img2 - img3 - img4 - img5 - img6 - img7 -
-
- -
-
- -
-
- - - - - - - -
-
-
- - - -
-

Study Room

-

In the realm of knowledge, lrt curiosity be your compass, and the study room your sanctuary of - exploration and growth.

-
-
- - img1 - img2 - img3 - img4 -
-
- -
-
- -
-
- - - - -
-
-
-
- - - -
Recent Projects
-
-
-

Full Interior

- -
-
- img1 - img2 - img3 - img4 - img5 - img6 - img7 - img9 -
-
- -
-
- -
-
- - - - - - - - -
-
-

Listen to our customers

-

- Great design concept and color scheme 👌. Improved storage options and textures would enchance the space futher. For more details Click here... -

-
- -
-

Full Interior

- -
-
- img1 - img2 - img3 - img4 - img5 - img6 - img7v -
-
- -
-
- -
-
- - - - - - - - -
-
-

Listen to our customers

-

- Excellent attention to detail and functionality. Loved the use of natural light. Overall,a fantastic job!😍😊 For more details Click here... -

-
-
-
See More...
- - - - - -
-

Can't find What you are looking for?
No problemContact us...

-
-
-
Phone
-
what's App
-
- -
-
-
-
-

Contact Us

-

Phone :8978226672

-

Email :vidyaatluri85@gmail.com

-

What's App

-
-
-

Our Services

-

Wallpaper

-

False Ceiling

-

Electricals

-

Granites & Tiles

-

Painting

-

Plumbing

-

Wall Paneling

-
-
-

Connect With Us

- - - - -
-
- - - + + + + + + + + + + + + BEAUTIFUL HOME SPACES + + + + + + + + + + + + +
+
+ + +
+
BEAUTIFUL HOME SPACES
+
you dream...we create...
+
+
+ + +
+ +
+
+

Contact US

+

Transform your vision into reality with Beautiful Home Spaces. Explore inspired interiors and connect with us to begin your personalized design journey.

+ Get In Touch  +
+
+ + + +
+
+

Get In Touch

+ send mail +
+
+
+
+ + +
+ +
+ + +
+ +
+ + +
+ + + +
+
+
+
+ +
Recent Projects
+
+
+

Client : Mr. Santosh & Mrs Satya
Address : RR Tropicana, Narsingi

+
+
+ img1 + img2 + img3 + img4 + img5 + img6 + img7 + img9 +
+
+ +
+
+ +
+
+ + + + + + + + +
+
+

Listen to our customers

+

+ Great design concept and color scheme 👌. Improved storage options and textures would enchance the space futher. For more details Click here... +

+
+ +
+

Client : Mr. Hari Teja
Address : RR Tropicana, Narsingi

+
+
+ img1 + img2 + img3 + img4 + img5 + img6 + img7 +
+
+ +
+
+ +
+
+ + + + + + + + +
+
+

Listen to our customers

+

+ Excellent attention to detail and functionality. Loved the use of natural light. Overall,a fantastic job!😍😊 For more details Click here... +

+
+
+
See More...
+ + + + + + +
+

Can't find What you are looking for?
No problemContact us...

+
+
+
Phone
+
what's App
+
+ +
+
+ + + + \ No newline at end of file diff --git a/css/slider.css b/css/slider.css deleted file mode 100644 index 6e6d348..0000000 --- a/css/slider.css +++ /dev/null @@ -1,835 +0,0 @@ -* { - margin: 0; - padding: 0; - box-sizing: border-box; - font-family: 'poppins'; -} - -.navbar { - display: flex; - justify-content: space-between; - align-items: center; - width: 100%; - margin: 0; - padding: 0 10px; - background-color: crimson; -} - -.nav-main { - display: flex; - justify-content: center; - align-items: center; -} - -.nav-main .nav-menu { - font-size: 27px; - color: white; - cursor: pointer; -} - -.nav-main .nav-logo { - width: 70px; - height: 70px; -} - -.brand .brand-name { - font-family: 'Poppins', sans-serif; - font-size: 18px; - font-weight: 600; - color: white; -} - -.brand .brand-quote { - font-family: 'Satisfy', cursive; - font-size: 18px; - color: white; - text-align: right; -} - -.nav-items { - z-index: 10; - display: flex; - flex-direction: column; - position: fixed; - bottom: 0; - left: -200px; - height: 100%; - width: 200px; - padding: 0 20px; - background-color:rgba(220, 20, 60, 0.541); - /* border-right: 1px solid black; */ - transition: all 0.5s; -} - -.nav-items div { - font-size: 20px; - font-weight: 600; - margin-top: 20px -} - -.nav-items div a { - text-decoration: none; - color: white; - border: 2px solid transparent; -} - -.nav-items .close { - color: white; - cursor: pointer; - font-size: 30px; - margin-bottom: 30px; -} - -.main-slider-container { - display: flex; - justify-content: center; - align-items: center; - width: 100%; - color: crimson; - height: 90vh; - background-image: linear-gradient(rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.2)), - url(../images/main-phone.jpg); - background-size: cover; -} - - -.carousel { - width: 1200px; - margin: auto; - padding: 0 30px; -} - -.carousel .card { - color: white; - height: 250px; - /* line-height: 350px; */ - /* text-align: center; - font-size: 50px; - font-weight:600; */ - margin: 20px 0; - box-shadow: 0 4px 15px rgba(0, 0, 0, 1); - border-radius: 10px; -} - -.carousel .card div:nth-child(odd) { - height: 200px; -} - -.carousel .card .desc { - font-size: 20px; - text-align: center; - line-height: 50px; -} - -.card1 { - background-image: url(../images/ceiling/c1.png); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.card2 { - background-image: url(../images/wallpaper/wallpaper1.jpg); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.card3 { - background-image: url(../images/electrical/w1.png); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.card4 { - background-image: url(../images/wall-panelling/wp1.png); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.card5 { - background-image: url(../images/plumbing/pl1.png); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.card6 { - background-image: url(../images/painting/painting1.png); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.card7 { - background-image: url(../images/flooring/f3.png); - background-repeat: no-repeat; - background-size: cover; - background-position: center; -} - -.owl-dots { - text-align: center; - margin-top: 30px; -} - -.owl-dot { - height: 12px; - width: 30px; - border-radius: 25px; - cursor: pointer; - outline: none; - margin: 0 5px; - border: 2px solid white !important; - transition: all 0.5s; -} - -.owl-dot:hover, -.owl-dot.active { - background: white !important; -} - -.heading { - margin: 30px auto auto; - font-size: 25px; - font-weight: 800; - width: 90%; -} - -.providings { - width: 90%; - margin: auto; - display: grid; - grid-template-columns: repeat(12, 1fr); - gap: 30px; -} - -.providings div:nth-child(1) { - grid-column: 1/13; -} - -.providings div:nth-child(2) { - grid-column: 1/13; -} - -.providings div:nth-child(3) { - grid-column: 1/13; -} - -.providings div:nth-child(4) { - grid-column: 1/13; -} - -.container { - display: flex; - justify-content: center; - align-items: flex-start; - height: auto; - flex-direction: column; - text-align: center; - margin: 20px 0; -} - -.container h2, -p { - font-family: 'poppins'; - text-align: left; -} -.container h2{ - border-bottom: 2px solid transparent; -} -.container p { - margin: 10px auto; -} - -.container .kitchen, -.living-room, -.bed-room, -.study-room, -.project { - width: 100%; - margin: auto auto 0 auto; - height: 220px; - overflow: hidden; - position: relative; - border-radius: 10px; - transition: all .2s; -} -.container .project{ - margin:0 auto auto auto; -} -.container .images { - width: 100%; - height: 100%; -} -.container>div:hover { - box-shadow: 0 4px 15px rgba(0, 0, 0, 1); - border-radius: 10px; - border: 1px solid white; -} - -.container .images img { - width: 100%; - height: 100%; -} - -.container .btns { - position: absolute; - bottom: 10px; - display: flex; - transform: translateX(-50%); - left: 50%; -} - -.container .btns span { - margin: 0 3px; - width: 10px; - height: 10px; - /* border: 1px solid white; */ - border-radius: 50%; - cursor: pointer; -} - -.container .btns span:hover { - background-color: crimson; -} - -.container .slide { - position: absolute; - top: 50%; - transform: translateY(-50%); - width: 30px; - height: 30px; - border: 2px solid white; - border-radius: 50%; - font-size: 20px; - line-height: 30px; - color: white; - text-align: center; - cursor: pointer; -} - -.container .right { - right: 0; -} - -.container:hover h2{ - border-bottom-color:crimson ; -} - - - -/* ------- Steps ------- */ -.steps { - width: 90%; - margin: auto; - display: flex; - justify-content: space-evenly; - align-items: center; - flex-direction: column; -} - -.steps >div>div { - height:200px; - width: 200px; - border-radius: 50%; - margin: 10px auto; - display: flex; - justify-content: flex-start; - align-items: center; - flex-direction: column; - -} -.steps div div { - position: relative; -} -.steps div div .image{ - height: 150px; - width:150px; -} -.steps div div .image img{ - width: 150px; - height: 150px; -} -.steps .step1 { - background-color: #FFEEF2; -} - -.steps .step2 { - background-color:#FFE4F3 ; -} - -.steps .step3 { - background-color: #FFC8FB; -} - -.steps .step4 { - background-color: #FF92C2; -} -.steps p{ - text-align: center; -} -.steps div> div >p{ - position: absolute; - bottom:10px; - color:black; -} -.steps p a{ - color:black; - text-decoration: none; -} - - -/* ------- For Projects ------- */ -.container .message { - text-align: center; - font-style: italic; - margin-top:0; -} - -.container p a { - font-style: normal; - font-size: 18px; -} - -.container h3{ - margin:10px auto; - width:100%; - text-align: left; -} -.see-more{ - width:90%; - display: flex; - justify-content: end; -} - - - -/* ------- About ------- */ - -.about{ - width:90%; - margin: 30px auto; -} -.about p{ - text-align: justify; -} - - - -/* ------- main ------- */ -.main{ - padding-top: 40px; - display: flex; - width:90%; - margin: auto; - justify-content: center; - align-items: center; - flex-direction: column; - background-color:rgb(255, 249, 236); -} - -.main .row{ - width:94%; - margin: auto; - display: flex; - flex-direction: column; - justify-content:center; - align-items: center; - margin-bottom: 30px; -} -.main .row .image{ - width:300px; - height:180px; - box-shadow: 0 4px 15px rgba(0, 0, 0, 1); -} -.main .row .content{ - width:100%; - height:100%; - margin-bottom: 16px; -} -.main .row:nth-child(odd){ - /* justify-content: flex-end; */ - flex-direction: column-reverse; -} - -.main .row .image img{ - width:300px; - height:180px; -} -.main h3{ - margin:10px 0; -} -/* .main .row .container{ - width:300px; -} -.main .row .container img{ - width:300px; -} */ - - - - - -.connect-with-us { - margin-top: 20px; - font-family: 'poppins'; - text-align: center; -} -.connect-with-us span { - font-size: 1.5em; - color: crimson; -} - -.connect-with-us a { - text-decoration: none; -} - -.contact-fixed-phone { - display: flex; - justify-content: center; - align-items: center; - height: 50px; - /* border: 2px solid crimson; */ - background-color: white; - border-radius: 10px; - margin-bottom: 20px; - position: sticky; - bottom: 0; -} - -.contact-fixed-phone a { - font-family: 'poppins'; - text-decoration: none; - font-size: 20px; - color: black; -} - -.contact-fixed-phone div { - width: 50%; - text-align: center; - cursor: pointer; - transition: all 0.5s; -} - -.contact-fixed-phone div:hover { - background-color: rgb(253, 218, 225); -} - -.contact-fixed-phone .phone { - border-right: 2px solid black; -} - -.contact-fixed-phone i { - font-size: 28px; - margin-right: 5px; - color:rgb(255, 116, 144) ; -} -/* #25d366 */ - -.contact-fixed-ladscape { - display: none; - justify-content: center; - align-items: center; - position: fixed; - top: 50%; - right: 0; - padding: 0; - height: 50px; - width: 50px; - transform: translateY(-50%); - font-size: 40px; - background-color: #fff; - border-radius: 10px; -} - -.contact-fixed-ladscape a { - color: #25d366; -} - -.footer { - background-color: black; - color: grey; - font-family: 'Poppins', sans-serif; - display: flex; - justify-content: space-evenly; - flex-direction: column; - padding: 10px; -} - -.footer a { - text-decoration: none; - color: white; - font-size: 15px; -} - -.footer .section { - display: flex; - flex-direction: column; -} - -.footer .section h3 { - width: max-content; - color: darkgray; - margin: 10px 0; - display: inline; - border-bottom: 2px solid crimson; - transition: all 0.5s; -} - -.footer .section p { - margin: 7px 0 7px 5px; -} - -.footer .section p:hover { - color: crimson; - cursor: pointer; -} - -.footer .section:nth-child(3) span i { - margin: 0 7px; - font-size: 20px; - padding-bottom: 5px; - border-bottom: 2px solid transparent; -} - -.footer .section .fa-facebook-f { - color: #3b5998; -} - -.footer .section .fa-facebook-f:hover { - border-bottom-color: #00acee; -} - -.footer .section .fa-twitter { - color: #00acee; -} - -.footer .section .fa-twitter:hover { - border-bottom-color: #00acee; -} - -.footer .section .fa-instagram { - color: #d62976; -} - -.footer .section .fa-instagram:hover { - border-bottom-color: #d62976; -} - -.footer .section .fa-whatsapp { - color: #25d366; -} - -.footer .section .fa-whatsapp:hover { - border-bottom-color: #25d366; -} - -/* 075e54 what's app dark teal green color code */ - -@media screen and (orientation:landscape) and (max-height:400px) { - .carousel .card div:nth-child(odd) { - height: 160px; - } - - .carousel .card { - height: 200px; - } - - .owl-dots { - margin-top: 15px; - } -} - -@media screen and (orientation:landscape) { - .contact-fixed-phone { - display: none; - } - - .contact-fixed-ladscape { - display: flex; - z-index: 9; - } - - .connect-with-us a { - text-decoration: solid underline; - text-decoration-color: black; - } - - .connect-with-us { - margin-bottom: 20px; - } -} - - - -@media screen and (min-width:600px) { - .providings div:nth-child(1) { - grid-column: 1/7; - } - - .providings div:nth-child(2) { - grid-column: 7/13; - } - - .providings div:nth-child(3) { - grid-column: 1/7; - } - - .providings div:nth-child(4) { - grid-column: 7/13; - } - - .about{ - /* width:80%; */ - } - - .about p br{ - display: none; - } -} - -@media screen and (min-width:992px) { - .footer { - flex-direction: row; - } - - .footer .section h3 { - border-bottom-color: transparent; - } - - .footer .section:hover h3 { - border-bottom-color: crimson; - } - - .navbar { - padding: 0 30px; - } - - .nav-items .close, - .nav-main .nav-menu { - display: none; - } - - .main-slider-container { - background-image: linear-gradient(rgba(0, 0, 0, 0) , rgba(0,0,0, 0.2)), - url(../images/main-bd.jpg); - } - - .nav-items { - z-index: 2; - transition: none; - position: static; - flex-direction: row; - justify-content: space-evenly; - align-items: center; - height: auto; - width: auto; - background-color: transparent; - } - - .nav-items div { - margin: 0 10px; - } - - .nav-items div a { - padding: 5px; - color: white; - transition: border-bottom-color white; - } - - .nav-items div a:hover { - border-bottom-color: white; - } - - .steps{ - width:80%; - flex-direction: row; - } - .main .row{ - width:80%; - flex-direction: row; - } - - .main .row > div:nth-child(2){ - margin-left:30px; - } - - .main .row:nth-child(odd){ - flex-direction: row; - } - - .providings div:nth-child(1) { - grid-column: 1/5; - } - - .providings div:nth-child(2) { - grid-column: 5/9; - } - - .providings div:nth-child(3) { - grid-column: 9/13; - } - - .providings div:nth-child(4) { - grid-column: 1/5; - } - - .container .kitchen, - .living-room, - .bed-room, - .study-room, - .project{ - height: 250px; - } -} - - - -@media screen and (min-width:992px) and (max-width:1199px) { - .nav-main .nav-logo { - width: 80px; - height: 80px; - } - - .nav-main .brand .brand-name { - font-size: 24px; - } - - .nav-main .brand .brand-quote { - font-size: 24px; - } - - -} - - -@media screen and (min-width:1200px) { - .nav-main .nav-logo { - width: 100px; - height: 100px; - } - - .nav-main .brand .brand-name { - font-size: 30px; - } - - .nav-main .brand .brand-quote { - font-size: 24px; - } - - .providings { - /* width: 80%; */ - column-gap: 50px; - } - - .main{ - /* width:80%; */ - } - - .heading { - /* width: 80%; */ - } -} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 9f01c9b..601f1b2 100644 --- a/css/style.css +++ b/css/style.css @@ -3,7 +3,6 @@ padding: 0; box-sizing: border-box; font-family: 'poppins'; - /* text-decoration: none; */ scroll-behavior: smooth; } @@ -14,8 +13,8 @@ width: 100%; margin: 0; padding: 0 10px; - background-color: rgba(0, 0, 0, 0.3); - position: fixed; + background-color: rgba(0, 0, 0, 0.5); + position: absolute; top:5px; z-index: 8; } @@ -50,7 +49,7 @@ } .brand .brand-name { font-family: 'Poppins', sans-serif; - font-size: 18px; + font-size: 20px; font-weight: 600; } @@ -71,7 +70,6 @@ width: 200px; padding: 0 20px; background-color:rgba(0, 0, 0, 0.8); - /* border-right: 1px solid black; */ transition: all 0.5s; } @@ -94,6 +92,10 @@ margin-bottom: 30px; } +.active{ + border-bottom-color: rgb(255, 206, 0) !important; +} + .main-background { color: white; height: 100vh; @@ -128,27 +130,34 @@ .home{ background-image: linear-gradient(rgba(0, 0, 0, 0.5) , rgba(0, 0, 0, 0.5)), - url(../images/main1.jpg); + url(../images/main/home.webp); background-size: cover; background-position: center; } .about-page{ background-image: linear-gradient(rgba(0, 0, 0, 0.5) , rgba(0, 0, 0, 0.5)), - url(../images/main3.jpg); + url(../images/main/about.webp); background-size: cover; background-position: center; } .project-page{ background-image: linear-gradient(rgba(0, 0, 0, 0.5) , rgba(0, 0, 0, 0.5)), - url(../images/main6.jpg); + url(../images/main/projects.webp); + background-size: cover; + background-position: center; +} +.gallery-page{ + background-image: linear-gradient(rgba(0, 0, 0, 0.5) , rgba(0, 0, 0, 0.5)), + url(../images/main/gallery.webp); background-size: cover; background-position: center; } -.service-page{ + +.contact-page{ background-image: linear-gradient(rgba(0, 0, 0, 0.5) , rgba(0, 0, 0, 0.5)), - url(../images/main5.jpg); + url(../images/main/contact.webp); background-size: cover; background-position: center; } @@ -186,12 +195,25 @@ .providings div:nth-child(5) { grid-column: 1/13; } -.container { +.providings div:nth-child(6) { + grid-column: 1/13; +} +.providings div:nth-child(7) { + grid-column: 1/13; +} +.providings div:nth-child(8) { + grid-column: 1/13; +} + +.container-flex{ display: flex; - justify-content: center; + justify-content: space-between; align-items: flex-start; - height: auto; flex-direction: column; +} + +.container { + height: auto; text-align: center; margin: 20px 0; } @@ -214,7 +236,7 @@ p { .study-room, .project { width: 100%; - margin: auto auto 0 auto; + margin: 0; height: 220px; overflow: hidden; position: relative; @@ -251,7 +273,6 @@ p { margin: 0 3px; width: 10px; height: 10px; - /* border: 1px solid white; */ border-radius: 50%; cursor: pointer; } @@ -357,6 +378,14 @@ p { font-style: normal; font-size: 18px; } +.container p:nth-child(1){ + width:100%; + text-align: left; +} +.container p:nth-child(1) >span{ + font-size: 18px; + font-weight: 700; +} .container h3{ margin:10px auto; @@ -408,7 +437,8 @@ p { .main .row .image{ width:300px; height:180px; - box-shadow: 0 4px 15px rgba(0, 0, 0, 1); + box-shadow: 0 4px 15px rgba(0, 0, 0, 1) ; + border-radius: 5px } .main .row .content{ width:100%; @@ -420,26 +450,154 @@ p { } .main .row:nth-child(odd){ - /* justify-content: flex-end; */ flex-direction: column-reverse; } .main .row .image img{ + border-radius: 5px; width:300px; height:180px; } .main h3{ margin:10px 0; } -/* .main .row .container{ - width:300px; + +/* -------- contact page ----------*/ + +.contact-container{ + display: flex; + width:60%; + margin: 60px auto; + background-color: #fffdf6; + box-shadow: 0 4px 8px rgb(0, 0, 0,0.4); + border-radius: 10px; + color: #ffce00; } -.main .row .container img{ - width:300px; -} */ +.contact-container div{ + flex-basis: 50%; +} + +.contact-image .contact-head{ + margin: 20px 0; +} + +.contact-container .contact-image{ + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} + +.contact-image img{ + border-radius: 20px; + width: 75%; + height: 45%; +} + +.contact-container .form-container { + padding: 100px 40px 50px; + border-radius: 8px; + max-width: 80%; + color: #333; + } + .form-container .input-container { + position: relative; + margin: 8px 0; + } + .form-container input,textarea { + width: 100%; + padding: 10px; + box-sizing: border-box; + outline: none; + border: 1px solid #bdc3c7; + border-radius: 10px; + transition: all 0.5s; + font-size: 16px; + margin-bottom: 15px; + } + + .form-container textarea{ + height: 150px; + } + .form-container input:focus , textarea:focus { + border: 1.5px solid rgb(255, 206, 0); + box-shadow: 0 4px 8px rgb(255, 206, 0,0.2); + } + + .form-container label.input-label { + position: absolute; + margin: 0 10px; + color: #7f8c8d; + pointer-events: none; + transition: transform 0.3s, font-size 0.3s, color 0.3s; + transform-origin: 0% 0%; + font-size: 16x; + top:10px; + left:4px; + background-color: #fff; + transform: translate(-10px,-20px); + color: #ffce00; + } + + .form-container button { + background-color: rgb(255, 206, 0); + color: white; + padding: 10px 15px; + border: none; + border-radius: 40px; + cursor: pointer; + width: 30%; + margin-top: 10px; + font-size: 16px; + float: right; + } + + .form-container button:hover { + background-color: rgb(255, 206, 0); + } + + .form-container .link { + text-align: center; + margin-top: 16px; + } + + .form-container .link a { + color: rgb(255, 206, 0); + text-decoration: none; + } + + .form-container .link a:hover { + text-decoration: underline; + } + + .form-container .error-message { + color: red; + margin-top: 8px; + } + + + + + + +/* ------- Back To Top ------- */ +#backtotop{ + text-decoration: none; + background-color: rgb(255, 206, 0); + color: white; + height:40px; + width:30px; + border-radius: 3px; + display: flex; + justify-content: center; + align-items: center; + position: fixed; + bottom: 55px; + right:5px; +} .connect-with-us { margin-top: 20px; @@ -460,7 +618,6 @@ p { justify-content: center; align-items: center; height: 50px; - /* border: 2px solid crimson; */ background-color: white; border-radius: 10px; margin-bottom: 20px; @@ -517,6 +674,23 @@ p { color: #25d366; } + +footer{ + background-color: black; +} + +.copyrights{ + padding: 40px 5px; + color: white; + text-align: center; + font-weight: 300; +} +.copyrights a{ + color: white; + text-decoration: none; +} + + .footer { background-color: black; color: grey; @@ -600,20 +774,6 @@ p { /* 075e54 what's app dark teal green color code */ -@media screen and (orientation:landscape) and (max-height:400px) { - .carousel .card div:nth-child(odd) { - height: 160px; - } - - .carousel .card { - height: 200px; - } - - .owl-dots { - margin-top: 15px; - } -} - @media screen and (orientation:landscape) { .contact-fixed-phone { display: none; @@ -653,7 +813,16 @@ p { grid-column: 7/13; } .providings div:nth-child(5) { - grid-column: 1/13; + grid-column: 1/7; + } + .providings div:nth-child(6) { + grid-column: 7/13; + } + .providings div:nth-child(7) { + grid-column: 1/7; + } + .providings div:nth-child(8) { + grid-column: 7/13; } .about p br{ @@ -661,6 +830,29 @@ p { } } +@media screen and (max-width : 700px) { + .contact-container{ + flex-direction: column; + } + + .contact-image img{ + display: none; + } + } + +@media screen and (max-width : 1199px) { + + .contact-container{ + width:90%; + } + + .contact-container .form-container { + padding: 20px 20px; + max-width: 100%; + } +} + + @media screen and (min-width:992px) { .footer { flex-direction: row; @@ -748,6 +940,15 @@ p { .providings div:nth-child(5) { grid-column: 5/9; } + .providings div:nth-child(6) { + grid-column: 9/13; + } + .providings div:nth-child(7) { + grid-column: 1/5; + } + .providings div:nth-child(8) { + grid-column: 5/9; + } .container .kitchen, .living-room, @@ -788,7 +989,6 @@ p { } - @media screen and (min-width:1200px) { .nav-main .nav-logo { width: 100px; @@ -802,17 +1002,4 @@ p { .nav-main .brand .brand-quote { font-size: 24px; } - - /* .providings { - width: 80%; - column-gap: 50px; - } - - .main{ - width:80%; - } - - .heading { - width: 80%; - } */ } \ No newline at end of file diff --git a/gallery.html b/gallery.html new file mode 100644 index 0000000..fde4992 --- /dev/null +++ b/gallery.html @@ -0,0 +1,469 @@ + + + + + + + + + + + + BEAUTIFUL HOME SPACES + + + + + + + + + + + + +
+
+ + +
+
BEAUTIFUL HOME SPACES
+
you dream...we create...
+
+
+ + +
+ +
+
+

Explore Inspiring Spaces

+

A glimpse into the realms od beauty and creativity, where spaces come alive with dreams and desires.

+ Explore +
+
+ + +
What can we provide
+
+
+

Kitchen

+

A Well-designed kitchen is the heart of a happy home, Where flavours come to life, and memories are + savoured.

+
+
+ img1 + img2 + img3 + img4 + img5 + img6 + img7 +
+
+ +
+
+ +
+
+ + + + + + + +
+
+
+ + +
+

Living Room

+

Embrace the art of living in style, Where moments of laughter, love and connection paint the canvas of + your heart.

+
+
+ + img1 + img2 + img3 + img4 + img5 + img6 + img7 +
+
+ +
+
+ +
+
+ + + + + + + +
+
+
+ + +
+

Bed Room

+

Create a sanctuary of serenity and dreams, where the whispers of comfort embrace you each night.

+
+
+ + img1 + img2 + img3 + img4 + img5 + img6 + img7 +
+
+ +
+
+ +
+
+ + + + + + + +
+
+
+ + + +
+

Study Room

+

In the realm of knowledge, lrt curiosity be your compass, and the study room your sanctuary of + exploration and growth.

+
+
+ + img1 + img2 + img3 + img4 +
+
+ +
+
+ +
+
+ + + + +
+
+
+
+ + + +
Recent Projects
+
+
+

Client : Mr. Santosh & Mrs Satya
Address : RR Tropicana, Narsingi

+
+
+ img1 + img2 + img3 + img4 + img5 + img6 + img7 + img9 +
+
+ +
+
+ +
+
+ + + + + + + + +
+
+

Listen to our customers

+

+ Great design concept and color scheme 👌. Improved storage options and textures would + enchance the space futher. For more details Click here... +

+
+ + +
+

Client : Mr. Shishir Tripati & Mrs. Shailaja Tripati
Address : RR + Tropicana, Narsingi

+
+
+ img1 + img2 + img3 + img4 + img5 + img6 + img7 + img8 + img9 +
+
+ +
+
+ +
+
+ + + + + + + + + +
+
+

Listen to our customers

+

+ I am thrilled with the interior designing work! The attention to detail and creativity exceeded my expectations. + Click here... + +

+
+
+
See More...
+ + + + + + + +
+

Can't find What you are looking for?
No problemContact us... +

+
+
+
Phone
+
what's App
+
+ +
+
+ + + + + + + + + \ No newline at end of file diff --git a/images/carpentry/c1.jpg b/images/carpentry/c1.jpg new file mode 100644 index 0000000..f11cc6f Binary files /dev/null and b/images/carpentry/c1.jpg differ diff --git a/images/ceiling/c2.jpeg b/images/ceiling/c2.jpeg deleted file mode 100644 index 757ec90..0000000 Binary files a/images/ceiling/c2.jpeg and /dev/null differ diff --git a/images/contact-from/sendmail.jpeg b/images/contact-from/sendmail.jpeg new file mode 100644 index 0000000..00d2eea Binary files /dev/null and b/images/contact-from/sendmail.jpeg differ diff --git a/images/flooring/f1.png b/images/flooring/f1.png deleted file mode 100644 index 86aedb7..0000000 Binary files a/images/flooring/f1.png and /dev/null differ diff --git a/images/flooring/f2.png b/images/flooring/f2.png deleted file mode 100644 index ee34589..0000000 Binary files a/images/flooring/f2.png and /dev/null differ diff --git a/images/flooring/f4.png b/images/flooring/f4.png deleted file mode 100644 index 29d74cc..0000000 Binary files a/images/flooring/f4.png and /dev/null differ diff --git a/images/logo-favicon.ico b/images/logo-favicon.ico new file mode 100644 index 0000000..59905bf Binary files /dev/null and b/images/logo-favicon.ico differ diff --git a/images/main/about.webp b/images/main/about.webp new file mode 100644 index 0000000..8484d88 Binary files /dev/null and b/images/main/about.webp differ diff --git a/images/main/contact.webp b/images/main/contact.webp new file mode 100644 index 0000000..8ede010 Binary files /dev/null and b/images/main/contact.webp differ diff --git a/images/main/gallery.webp b/images/main/gallery.webp new file mode 100644 index 0000000..c686557 Binary files /dev/null and b/images/main/gallery.webp differ diff --git a/images/main/home.webp b/images/main/home.webp new file mode 100644 index 0000000..f1839f4 Binary files /dev/null and b/images/main/home.webp differ diff --git a/images/main/projects.webp b/images/main/projects.webp new file mode 100644 index 0000000..7c97191 Binary files /dev/null and b/images/main/projects.webp differ diff --git a/images/main1.jpg b/images/main1.jpg deleted file mode 100644 index fe750f3..0000000 Binary files a/images/main1.jpg and /dev/null differ diff --git a/images/main3.jpg b/images/main3.jpg deleted file mode 100644 index 5a4d312..0000000 Binary files a/images/main3.jpg and /dev/null differ diff --git a/images/main4.jpg b/images/main4.jpg deleted file mode 100644 index 022abc9..0000000 Binary files a/images/main4.jpg and /dev/null differ diff --git a/images/main5.jpg b/images/main5.jpg deleted file mode 100644 index 9484c50..0000000 Binary files a/images/main5.jpg and /dev/null differ diff --git a/images/main6.jpg b/images/main6.jpg deleted file mode 100644 index 86510c3..0000000 Binary files a/images/main6.jpg and /dev/null differ diff --git a/images/painting/painting1.png b/images/painting/painting1.png deleted file mode 100644 index 6399e29..0000000 Binary files a/images/painting/painting1.png and /dev/null differ diff --git a/images/project3/9.jpg b/images/project3/9.jpg new file mode 100644 index 0000000..12fbe64 Binary files /dev/null and b/images/project3/9.jpg differ diff --git a/images/project4/5.jpg b/images/project4/5.jpg new file mode 100644 index 0000000..c22193f Binary files /dev/null and b/images/project4/5.jpg differ diff --git a/images/project4/6.jpg b/images/project4/6.jpg new file mode 100644 index 0000000..bc6fa9f Binary files /dev/null and b/images/project4/6.jpg differ diff --git a/images/project4/7.jpg b/images/project4/7.jpg new file mode 100644 index 0000000..d74d1e2 Binary files /dev/null and b/images/project4/7.jpg differ diff --git a/images/project5/6.jpg b/images/project5/6.jpg index 152f082..8dbc3c0 100644 Binary files a/images/project5/6.jpg and b/images/project5/6.jpg differ diff --git a/images/project5/7.jpg b/images/project5/7.jpg new file mode 100644 index 0000000..8df2d02 Binary files /dev/null and b/images/project5/7.jpg differ diff --git a/images/project5/8.jpg b/images/project5/8.jpg new file mode 100644 index 0000000..14af126 Binary files /dev/null and b/images/project5/8.jpg differ diff --git a/images/project5/9.jpg b/images/project5/9.jpg new file mode 100644 index 0000000..1316190 Binary files /dev/null and b/images/project5/9.jpg differ diff --git a/images/project6/1.jpg b/images/project6/1.jpg new file mode 100644 index 0000000..955cf78 Binary files /dev/null and b/images/project6/1.jpg differ diff --git a/images/project6/10.jpg b/images/project6/10.jpg new file mode 100644 index 0000000..4c46ab3 Binary files /dev/null and b/images/project6/10.jpg differ diff --git a/images/project6/14.jpg b/images/project6/14.jpg new file mode 100644 index 0000000..f6dae61 Binary files /dev/null and b/images/project6/14.jpg differ diff --git a/images/project6/2.jpg b/images/project6/2.jpg new file mode 100644 index 0000000..03da70a Binary files /dev/null and b/images/project6/2.jpg differ diff --git a/images/project6/3.jpg b/images/project6/3.jpg new file mode 100644 index 0000000..93e780a Binary files /dev/null and b/images/project6/3.jpg differ diff --git a/images/project6/4.jpg b/images/project6/4.jpg new file mode 100644 index 0000000..4972a43 Binary files /dev/null and b/images/project6/4.jpg differ diff --git a/images/project6/5.jpg b/images/project6/5.jpg new file mode 100644 index 0000000..73725f6 Binary files /dev/null and b/images/project6/5.jpg differ diff --git a/images/project6/6.jpg b/images/project6/6.jpg new file mode 100644 index 0000000..10eaefb Binary files /dev/null and b/images/project6/6.jpg differ diff --git a/images/project6/7.jpg b/images/project6/7.jpg new file mode 100644 index 0000000..e8c0e92 Binary files /dev/null and b/images/project6/7.jpg differ diff --git a/images/project6/8.jpg b/images/project6/8.jpg new file mode 100644 index 0000000..b361fe6 Binary files /dev/null and b/images/project6/8.jpg differ diff --git a/images/project6/9.jpg b/images/project6/9.jpg new file mode 100644 index 0000000..2cb4c11 Binary files /dev/null and b/images/project6/9.jpg differ diff --git a/images/project6/Certifications/CSP.pdf b/images/project6/Certifications/CSP.pdf new file mode 100644 index 0000000..95e6dbc Binary files /dev/null and b/images/project6/Certifications/CSP.pdf differ diff --git a/images/project6/Certifications/DataBase and SQL.pdf b/images/project6/Certifications/DataBase and SQL.pdf new file mode 100644 index 0000000..0cd29cb Binary files /dev/null and b/images/project6/Certifications/DataBase and SQL.pdf differ diff --git a/images/project6/Certifications/community service project.docx b/images/project6/Certifications/community service project.docx new file mode 100644 index 0000000..b520ed8 Binary files /dev/null and b/images/project6/Certifications/community service project.docx differ diff --git a/images/project7/1.jpg b/images/project7/1.jpg new file mode 100644 index 0000000..bf1d681 Binary files /dev/null and b/images/project7/1.jpg differ diff --git a/images/project7/2.jpg b/images/project7/2.jpg new file mode 100644 index 0000000..94f44a8 Binary files /dev/null and b/images/project7/2.jpg differ diff --git a/images/project7/3.jpg b/images/project7/3.jpg new file mode 100644 index 0000000..28f6d34 Binary files /dev/null and b/images/project7/3.jpg differ diff --git a/images/project7/4.jpg b/images/project7/4.jpg new file mode 100644 index 0000000..803ecc4 Binary files /dev/null and b/images/project7/4.jpg differ diff --git a/images/project7/5.jpg b/images/project7/5.jpg new file mode 100644 index 0000000..c367cf3 Binary files /dev/null and b/images/project7/5.jpg differ diff --git a/images/project7/6.jpg b/images/project7/6.jpg new file mode 100644 index 0000000..c4a8cfc Binary files /dev/null and b/images/project7/6.jpg differ diff --git a/images/project7/7.jpg b/images/project7/7.jpg new file mode 100644 index 0000000..5a1ad5e Binary files /dev/null and b/images/project7/7.jpg differ diff --git a/images/project7/8.jpg b/images/project7/8.jpg new file mode 100644 index 0000000..af4c71f Binary files /dev/null and b/images/project7/8.jpg differ diff --git a/images/sample/1.png b/images/sample/1.png deleted file mode 100644 index afbb896..0000000 Binary files a/images/sample/1.png and /dev/null differ diff --git a/images/sample/2.png b/images/sample/2.png deleted file mode 100644 index 6d694e1..0000000 Binary files a/images/sample/2.png and /dev/null differ diff --git a/images/sample/3.png b/images/sample/3.png deleted file mode 100644 index 9c47583..0000000 Binary files a/images/sample/3.png and /dev/null differ diff --git a/images/sample/4.png b/images/sample/4.png deleted file mode 100644 index 1ba29f3..0000000 Binary files a/images/sample/4.png and /dev/null differ diff --git a/images/sample/5.png b/images/sample/5.png deleted file mode 100644 index d7f77ac..0000000 Binary files a/images/sample/5.png and /dev/null differ diff --git a/images/sample/6.png b/images/sample/6.png deleted file mode 100644 index 5ab8883..0000000 Binary files a/images/sample/6.png and /dev/null differ diff --git a/images/steps/step1-removebg-preview.jpg b/images/steps/step1-removebg-preview.jpg deleted file mode 100644 index 0d362d2..0000000 Binary files a/images/steps/step1-removebg-preview.jpg and /dev/null differ diff --git a/index.html b/index.html index 06992ce..7ff1fe4 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,12 @@ + + + + + BEAUTIFUL HOME SPACES @@ -15,13 +21,13 @@ - - - + + + -
+
Recent Projects
-

Full Interior

- +

Client : Mr. Santosh & Mrs. Satya
Address : RR Tropicana, Narsingi

img1 @@ -91,63 +92,69 @@

Full Interior

Listen to our customers

Great design concept and color scheme 👌. Improved storage options and textures would - enchance the space futher.For more details Click here... + enchance the space futher.For more details Click here...

+
-

Full Interior

- -
+

Client : Mr. Shishir Tripati & Mrs. Shailaja Tripati
Address : RR + Tropicana, Narsingi

+
- img1 - img2 - img3 - img4 - img5 - img6 - img7 + img1 + img2 + img3 + img4 + img5 + img6 + img7 + img8 + img9
- +
- +
- - - - - - - - + + + + + + + + +

Listen to our customers

- Excellent attention to detail and functionality. Loved the use of natural light. Overall,a - fantastic job!😍😊 For more details Click here... + I am thrilled with the interior designing work! The attention to detail and creativity exceeded my + expectations.Click here...

+
- + - -
Exquisite Home Services
+ +
Exquisite Home Services
-
-
wallpaper
+
+
Carpentry
-

Wallpapers

+

Carpentry

- Your home should tell the story of who you are and be a collection of what you love. + Craftsmanship in carpentry is the symphony that brings harmony to the beauty of interior spaces.

-
+ +

False Ceilings

@@ -156,7 +163,8 @@

False Ceilings

wallpaper
-
+ +
wallpaper

Electricals

@@ -165,43 +173,62 @@

Electricals

+ +
+
+

Plumbing

+

+ The art of crafting a symphony of water, harmonizing function and elegance in perfect balance. +

+
+
wallpaper
+
+ + +
-
+
wallpaper
+

Granites & Tiles

Step into a world of possibilities, where every step you take lays the foundation for beauty and comfort.

-
wallpaper
-
-
wallpaper
+ + +

Painting

Colors are the voices of the walls, whispering stories os emotions and dreams.

+
wallpaper
+
+
+
wallpaper
-

Plumbing

+

Wallpapers

- The art of crafting a symphony of water, harmonizing function and elegance in perfect balance. + Your home should tell the story of who you are and be a collection of what you love.

-
wallpaper
+
-
wallpaper

Wall Paneling

The artful embrace of textures, weaving tales of warmth and refinement, one panel at a time.

+
wallpaper
+
@@ -226,21 +253,23 @@

Wall Paneling

Step3
-

Take rest...

+

Take Rest...

3

Step4
-

your dream house
is ready

+

Your Dream House
is Ready

4

- + + + @@ -259,128 +288,57 @@

Can't find What you are looking for?
No problem<
-
-
-

Contact Us

-

Phone :8978226672

-

Email :vidyaatluri85@gmail.com

-

What's App

-
-
-

Our Services

-

Wallpaper

-

False Ceiling

-

Electricals

-

Granites & Tiles

-

Painting

-

Plumbing

-

Wall Paneling

+ + + + - - + + -
+
-
- + +
BEAUTIFUL HOME SPACES
you dream...we create...
@@ -33,11 +40,11 @@
@@ -51,8 +58,10 @@

Design Gallery

Recent Projects
+ +
-

Full Interior

+

Client : Mr. Santosh & Mrs Satya
Address : RR Tropicana, Narsingi

img1 @@ -83,13 +92,15 @@

Full Interior

Listen to our customers

- Great design concept and color scheme 👌. Improved storage options and textures would enchance the space futher.For more details - + Great design concept and color scheme 👌. Improved storage options and textures would + enchance the space futher. +

+
-

Full Interior

+

Client : Mr. Hari Teja
Address : RR Tropicana, Narsingi

img1 @@ -118,13 +129,16 @@

Full Interior

Listen to our customers

- Excellent attention to detail and functionality. Loved the use of natural light. Overall,a fantastic job!😍😊 For more details - + Excellent attention to detail and functionality. Loved the use of natural light. Overall,a + fantastic job!😍😊 +

+
-

Full Interior

+

Client : Mr. Shishir Tripati & Mrs. Shailaja Tripati
Address : RR + Tropicana, Narsingi

img1 @@ -135,6 +149,7 @@

Full Interior

img6 img7 img8 + img9
@@ -151,24 +166,27 @@

Full Interior

+

Listen to our customers

- Excellent attention to detail and functionality. Loved the use of natural light. Overall,a fantastic job!😍😊 For more details - + I am thrilled with the interior designing work! The attention to detail and creativity exceeded my expectations.

- +
-

Full Interior

+

Client : Mr. Sailesh
Address : Swanlake, Moosapet

img1 img2 img3 img4 + img5 + img6 + img7
@@ -181,24 +199,31 @@

Full Interior

+ + +

Listen to our customers

- Excellent attention to detail and functionality. Loved the use of natural light. Overall,a fantastic job!😍😊 For more details - + The process was smooth, and the team was professional. My dream space is now a reality. Highly recommened!

- +
-

Full Interior

+

Client : Mr. Arun
Address : Rankee One, Nallagondlas

img1 img2 img3 img4 + img5 + img6 + img7 + img8 + img9
@@ -211,25 +236,106 @@

Full Interior

+ + + + +

Listen to our customers

- Excellent attention to detail and functionality. Loved the use of natural light. Overall,a fantastic job!😍😊 For more details - + Your Interior designing service was fantastic! The team's creativity and attention to detail were impressive. I couldn't be happier. Thank you so much!

+ +
+

Client : Mr & Mrs Shashank
Address : SMR Vinay Iconia, Kondapur

+
+
+ img1 + img2 + img3 + img4 + img5 + img6 + img7 +
+
+ +
+
+ +
+
+ + + + + + + +
+
+

Listen to our customers

+

+ Excellent attention to detail and functionality. Loved the use of natural light. Overall,a + fantastic job!😍 + +

+
+ +
+

Client : Mr & Mrs Rupesh
Address : Emarald Heights, Bachupally

+
+
+ img1 + img2 + img3 + img4 + img5 + img6 + img7 + img8 +
+
+ +
+
+ +
+
+ + + + + + + + +
+
+

Listen to our customers

+

+ Excellent attention to detail and functionality. Loved the use of natural light. Overall,a + fantastic job!😍 + +

+
- + + +
-

Can't find What you are looking for?
No problemContact us...

+

Can't find What you are looking for?
No problemContact us... +

Phone
@@ -240,6 +346,8 @@

Can't find What you are looking for?
No problem<
+ + + \ No newline at end of file