diff --git a/vikasganiga05/ar-constructions/about.html b/vikasganiga05/ar-constructions/about.html new file mode 100644 index 0000000..58d5317 --- /dev/null +++ b/vikasganiga05/ar-constructions/about.html @@ -0,0 +1,215 @@ + + + + + + + + AR Construction | About Page + + + +
+ + + + +
+ +
+

ABOUT

+

During all this time we stayed true to one and the same principles of business operations.

+ SEE OUR RECENT PROJECTS + +
+ +
+
+
+
+ + +
+

Core values

+

Construction's core values have been shaped over more than 10 years of delivering the finest construction services to our clients. They stood to the test of time and these principles remain our bedrock lynchpins. We never tried to cut on either quality, the pace of work or any other construction aspect. We stay true to our full promise of efficiency!

+
+
+
+ + +
+

pace

+

Our love for detailed, bullet-point preparations, as well as to open and clear project management and communication is what makes us faster than the competition. Recently we compared a technically similar 10-stories building that we built, and the other built by our main competitor. Their price and pace was 2 times lower than hours!

+
+
+
+ + +
+

quality

+

Quality is focal in every little aspect of the construction. The mindset of both our senior employees and all the way to our on-site contractors and construction workers centers on attention. It's out attention to details that allows us to work on a multitude of projects simultaneously, while staying on schedule!

+
+
+
+ + +
+

projects completed

+

Besides valuing your time, your money and your vision for the project, we also value the Mother Nature as well...It cannot be denied anymore, that even the small construction implements the nature in a bad way... That's why we're leading the effort to use only eco-friendly materials and comply with keeping the environment unpollluted by the work we do!

+
+
+
+ +
+
+

500

+

Projects Completed

+
+
+

350

+

Staff members

+
+
+

15

+

Million man-hours

+
+
+

99

+

awards won

+
+
+ +
+

OUR TEAM

+
+
+ +

CALVIN FITZGERALD

+

President

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+ +

TAYLOR WILSON

+

Chief Executive Officer

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+ +

JOSH WAGNER

+

Chief Design Officer

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+ +

LUIS MAXWELL

+

Contractors Operations Head

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+ +

KEN FERGUSON

+

Chief Financial Officer

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+ +

EDWARD ELLIOTT

+

Vice President of Operations

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+
+ + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/contact.html b/vikasganiga05/ar-constructions/contact.html new file mode 100644 index 0000000..1c46011 --- /dev/null +++ b/vikasganiga05/ar-constructions/contact.html @@ -0,0 +1,154 @@ + + + + + + + + AR Construction | Contact Page + + + +
+ + + + +
+ +
+

CONTACT

+

this year we took more complex constructions than ever before. contact us...

+ + +
+ +
+
+
+

Contact Details

+
    +
  • + Address : 4578 Marmora Road, Glasgow, D04 89GR +
  • +
  • + Phone : (+555) 123-0045 +
  • +
  • + E-mail : info@brarch.com +
  • +
  • + We Are Open : Mon-Fri : 10am - 8pm +
  • +
+ + + + + + +
+
+

Get In Touch

+
+ + + + +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/css/style.css b/vikasganiga05/ar-constructions/css/style.css new file mode 100644 index 0000000..564b185 --- /dev/null +++ b/vikasganiga05/ar-constructions/css/style.css @@ -0,0 +1,2308 @@ +body { + margin: 0; + padding: 0; + font-family: Helvetica, sans-serif; + box-sizing: border-box; +} + +/* Start of Header Section */ +header { + position: fixed; + top: 0; + left: 0; + padding: 0 100px; + background: #000; + width: 100%; + box-sizing: border-box; + z-index: 100; +} + +header .logo, +.footer .logo { + color: #f9b808; + height: 50px; + line-height: 50px; + font-size: 24px; + float: left; + font-weight: bold; +} + +span.white-txt { + color: #fff; + margin-left: 5px; +} + +header nav { + float: right; +} + +header nav ul { + margin: 0; + padding: 0; + display: flex; +} + +header nav ul li { + list-style: none; +} + +header nav ul li a { + height: 50px; + line-height: 50px; + padding: 0 20px; + color: #fff; + text-decoration: none; + text-transform: uppercase; + display: block; + transition: color 300ms ease-out; +} + +header nav ul li a:hover, +header nav ul li a.active { + color: #f9b808; +} + +/* Responsive Menu-Bar */ + +#menu-wrapper { + position: absolute; + top: 12.5px; + right: 20px; +} + +#responsive-menu { + width: 25px; + height: 25px; + position: relative; + cursor: pointer; + display: none; +} + +.line { + background: #fff; + width: 100%; + height: 3px; + border-radius: 10px; + position: absolute; + transition: all 200ms ease; +} + +.line-1 { + top: 4px; +} + +.line-2 { + top: 13.5px; +} + +.line-3 { + bottom: 0; +} + +.menu.close .line-1 { + transform: rotate(45deg); + transform-origin: left; +} + +.menu.close .line-2 { + display: none; +} + +.menu.close .line-3 { + transform: rotate(-45deg); + transform-origin: left; + bottom: 0; +} + +/* End of Header Section */ + +/* Start of Showcase Section */ +#showcase-home, +#showcase-about, +#showcase-services, +#showcase-projects, +#showcase-contact, +#showcase-management, +#showcase-project-1, +#showcase-project-2, +#showcase-project-3, +#showcase-project-4, +#showcase-project-5, +#showcase-project-6, +#showcase-project-7, +#showcase-project-8 { + height: calc(100vh - 50px); + margin-top: 50px; + position: relative; + background: url('../img/home-showcase.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +#showcase-home::before, +#showcase-about::before, +#showcase-services::before, +#showcase-projects::before, +#showcase-contact::before, +#showcase-management::before, +#showcase-project-1:before, +#showcase-project-2:before, +#showcase-project-3:before, +#showcase-project-4:before, +#showcase-project-5:before, +#showcase-project-6:before, +#showcase-project-7:before, +#showcase-project-8:before { + content: ""; + background: rgba(0, 0, 0, 0.7); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +#showcase-about { + background: url('../img/about-showcase.jpg'); +} + +#showcase-services { + background: url('../img/services-showcase.jpg'); +} + +#showcase-projects { + background: url('../img/projects-showcase.jpg'); +} + +#showcase-contact { + background: url('../img/map.jpg'); +} + +#showcase-management { + background: url('../img/map.jpg'); +} + +#showcase-project-1 { + background: url('../img/project-1.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +#showcase-project-1 i, +#showcase-project-2 i, +#showcase-project-3 i, +#showcase-project-4 i, +#showcase-project-5 i, +#showcase-project-6 i, +#showcase-project-7 i, +#showcase-project-8 i, +#showcase-management i { + position: absolute; + top: 30px; + right: 40px; + font-size: 1.5em; + color: #000; + padding: 0.4em 0.55em; + background: #f9b808; + border-radius: 50px; + cursor: pointer; + animation: bounce 1s linear infinite; +} + +#showcase-project-1 i:hover, +#showcase-project-2 i:hover, +#showcase-project-3 i:hover, +#showcase-project-4 i:hover, +#showcase-project-5 i:hover, +#showcase-project-6 i:hover, +#showcase-project-7 i:hover, +#showcase-project-8 i:hover, +#showcase-management i:hover { + background: #000; + color: #f9b808; + box-shadow: 0px 0px 1px 1px #f9b808; + animation: none; +} + +#showcase-project-2 { + background: url('../img/project-2.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +#showcase-project-3 { + background: url('../img/project-3.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +#showcase-project-4 { + background: url('../img/project-4.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +#showcase-project-5 { + background: url('../img/project-5.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +#showcase-project-6 { + background: url('../img/project-6.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +#showcase-project-7 { + background: url('../img/project-7.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +#showcase-project-8 { + background: url('../img/project-8.jpg'); + background-repeat: no-repeat; + background-size: cover; + background-attachment: fixed; +} + +#showcase-home h1, +#showcase-home h2, +#showcase-home a, +#showcase-about h1, +#showcase-about h2, +#showcase-about a, +#showcase-services h1, +#showcase-services h2, +#showcase-services a, +#showcase-projects h1, +#showcase-projects h2, +#showcase-projects a, +#showcase-contact h1, +#showcase-contact h2, +#showcase-contact a, +#showcase-project-1 h1, +#showcase-project-2 h1, +#showcase-project-3 h1, +#showcase-project-4 h1, +#showcase-project-5 h1, +#showcase-project-6 h1, +#showcase-project-7 h1, +#showcase-project-8 h1, +#showcase-management h1 { + color: #fff; + z-index: 1; +} + +#showcase-home h1, +#showcase-about h1, +#showcase-services h1, +#showcase-projects h1, +#showcase-contact h1, +#showcase-project-1 h1, +#showcase-project-2 h1, +#showcase-project-3 h1, +#showcase-project-4 h1, +#showcase-project-5 h1, +#showcase-project-6 h1, +#showcase-project-7 h1, +#showcase-project-8 h1, +#showcase-management h1 { + font-size: 5rem; + margin: 0; + position: relative; +} + +#showcase-home h1::before, +#showcase-about h1::before, +#showcase-services h1::before, +#showcase-projects h1::before, +#showcase-contact h1::before, +#showcase-project-1 h1::before, +#showcase-project-2 h1::before, +#showcase-project-3 h1::before, +#showcase-project-4 h1::before, +#showcase-project-5 h1::before, +#showcase-project-6 h1::before, +#showcase-project-7 h1::before, +#showcase-project-8 h1::before, +#showcase-management h1::before { + content: ""; + background: #f9b808; + position: absolute; + top: -40%; + left: 42.5%; + width: 15%; + height: 10%; +} + +#showcase-home h2, +#showcase-about h2, +#showcase-services h2, +#showcase-projects h2, +#showcase-contact h2 { + width: 60%; + text-align: center; + font-size: 2rem; + text-transform: uppercase; + font-weight: initial; +} + +#showcase-home a.btn, +#showcase-about a.btn, +#showcase-services a.btn, +#showcase-projects a.btn, +#showcase-contact a.btn, +.our-history a, +.services a, +.projects a { + background: #f9b808; + padding: 1rem 1.5rem; + color: #000; + text-decoration: none; + font-size: 14px; + border-radius: 5px; + transition: all 300ms ease-out; +} + +#showcase-home a:hover, +#showcase-about a:hover, +#showcase-services a:hover, +#showcase-projects a:hover, +#showcase-contact a:hover, +.our-history a:hover, +.services a:hover, +.projects a:hover { + background: #000; + color: #f9b808; +} + +/* End of Showcase Section */ + +#container { + width: 90%; + margin: 0 auto; + padding-top: 70px; +} + +h1.lead { + text-align: center; + position: relative; +} + +h1.lead::before { + content: ""; + background: #f9b808; + width: 4%; + height: 5px; + position: absolute; + top: -50%; + left: 48%; +} + +/* Start of Our-Services Section */ +.icons { + width: 125px; + margin: 0 auto; + position: relative; +} + +.icons img { + opacity: 1; + width: 100%; +} + +.img-1 { + transition: all 500ms ease-out; +} + +.img-2 { + position: absolute; + top: 0; + left: 0; +} + +.icons:hover .img-1 { + opacity: 0; +} + +.our-service { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + grid-gap: 50px; + margin-top: 50px; +} + +.our-service h2, +.about-us h2 { + text-align: center; + color: #212121; + font-size: 26px; + text-transform: uppercase; +} + +.our-service p, +.about-us p { + width: 80%; + margin: 16px auto; + text-align: justify; + color: #444; + line-height: 1.6; +} + +.service-one, +.service-two, +.service-three, +.service-four, +.service-five, +.service-six, +.about-one, +.about-two, +.about-three, +.about-four { + box-shadow: 0px 0px 10px 5px rgba(119, 119, 119, 0.75); + padding-top: 16px; +} + +/* End of Our-Services Section */ + +/* Start of Our-History Section */ +.our-history { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 70px; + margin-top: 70px; +} + +.our-history img { + width: 100%; +} + +.our-history h1, +.services h1, +.contact-us h1 { + position: relative; + font-size: 30px; +} + +.our-history h1::before, +.services h1::before { + content: ""; + background: #f9b808; + width: 10%; + height: 5px; + position: absolute; + top: -24.9px; + left: 0; +} + +.our-history h2, +.services h2, +.management h2 { + text-transform: uppercase; + font-weight: normal; + color: #212121; + margin: 30px 0; +} + +.our-history p, +.services p, +.management p { + font-size: 18px; + color: #444; + text-align: justify; + margin: 18px 0 50px 0; + line-height: 1.6; +} + +/* End of Our-History Section */ + +/* Start of Projects-shortcuts Section */ +.project-shortcut { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 20px; + margin-top: 70px; + clear: both; +} + +.project-shortcut img { + width: 100%; + height: 100%; +} + +.shortcut { + width: 100%; + height: 100%; + position: relative; +} + +.shortcut:hover .content { + opacity: 1; +} + +.shortcut:hover .content h2, +.shortcut:hover .content a { + opacity: 1; + transform: translateY(0); +} + +.content { + background: rgba(0, 0, 0, 0.85); + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + opacity: 0; + transition: all 500ms ease-out; +} + +.content h2 { + text-transform: uppercase; + font-size: 20px; + color: #fff; + font-weight: normal; + opacity: 0; + transform: translateY(30%); + transition: all 300ms ease-out; + transition-delay: 500ms; +} + +.content a { + color: #fff; + font-size: 14px; + text-decoration: none; + opacity: 0; + transform: translateY(30%); + transition: all 300ms ease-out; + transition-delay: 800ms; + position: relative; +} + +.content a::after { + content: ""; + width: 20%; + height: 2px; + background: #f9b808; + position: absolute; + bottom: -5px; + left: 40%; + transition: all 300ms ease-out; +} + +.content a:hover::after { + width: 100%; + left: 0; +} + +/* End of Projects-shortcuts Section */ + +/* Start of Footer Section */ +.footer { + background: #212121; + margin-top: 70px; + padding: 20px; + display: grid; + grid-template-columns: 1fr 0.5fr 1fr 1fr; + grid-gap: 30px; +} + +.footer .logo { + float: none; + font-weight: normal; + padding-left: 24px; +} + +.info p { + color: #555; + text-align: justify; + padding-left: 24px; +} + +.footer h3 { + font-weight: normal; + color: #fff; +} + +.navigation ul, +.contact ul { + padding-left: 24px; + list-style: none; +} + +.navigation h3, +.contact h3 { + padding-left: 24px; +} + +.navigation ul li { + margin-bottom: 20px; +} + +.navigation ul li a { + text-decoration: none; + color: #f9b808; +} + +.faq h4 { + color: #aaa; +} + +.faq p { + color: #555; +} + +.contact p { + color: #555; + line-height: 1.6; +} + +.spacing { + margin-left: 72px; +} + +.highlight a { + color: #f9b808; + text-decoration: none; +} + +footer { + background: #000; + display: flex; +} + +footer p { + margin-left: 150px; + font-size: 20px; + margin-top: 20px; + margin-bottom: 20px; +} + +footer p, +footer i { + color: #fff; +} + +footer i { + font-size: 26px; + margin-top: 16px; + margin-right: 14px; + transition: all 300ms ease-out; +} + +footer i:hover { + color: #f9b808; +} + +.column-1 { + width: 60%; +} + +.column-2 { + width: 40%; + text-align: center; +} + +/* End of Footer Section */ + +/* Start of About Section */ +.about-us { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 100px; +} + +.about-us .icons { + width: 150px; +} + +.about-us h2 { + font-size: 30px; +} + +.about-us p { + font-size: 18px; +} + +.count-downs { + background: #212121; + display: grid; + grid-template-columns: repeat(4, 1fr); + margin-top: 70px; + width: 100%; + height: 20vh; +} + +.parts { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.parts h1 { + margin: 0; + color: #f9b808; + font-size: 60px; +} + +.parts h3 { + margin: 0; + color: #fff; + text-transform: uppercase; + font-weight: normal; + font-size: 16px; +} + +.our-team { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 50px; + margin-top: 50px; +} + +.our-team img { + width: 100%; +} + +.team { + padding: 10px; + box-shadow: 0px 0px 10px 5px rgba(119, 119, 119, 0.75); +} + +.team h2 { + text-align: center; + color: #212121; + margin: 30px 0 0 0; + font-weight: normal; +} + +.team .highlight { + color: #d69c03; + text-align: center; + margin-top: 10px; +} + +.team .paragraph { + text-align: justify; + color: #444; +} + +/* End of About Section */ + +/* Start of Services Section */ +.services img { + width: 100%; +} + +.service-1 .service, +.service-3 .service, +.service-5 .service { + width: 49%; + height: 500px; + float: right; + margin-top: 70px; +} + +.service-1 .service { + margin-top: 0; +} + +.service-1 .txt, +.service-3 .txt, +.service-5 .txt { + margin-right: 2%; +} + +.service-2 .service, +.service-4 .service, +.service-6 .service { + width: 49%; + height: 500px; + float: left; + margin-top: 70px; +} + +.service-2 .img, +.service-4 .img, +.service-6 .img { + margin-right: 2%; +} + +.service-6 .service { + margin-bottom: 70px; +} + +/* End of Services Section */ + +/* Start of Projects Section */ +.projects { + display: grid; + grid-template-columns: 1fr 1fr; + grid-column-gap: 150px; + grid-row-gap: 100px; +} + +.projects img { + width: 100%; +} + +.center { + width: 100%; + text-align: center; +} + +.projects h1 { + text-align: center; + text-transform: uppercase; + color: #212121; + font-weight: normal; +} + +.projects p { + color: #444; + text-align: justify; + margin-bottom: 40px; +} + +/* End of Projects Section */ + +/* Start of Contact Section */ +.contact-us { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 50px; +} + +.contact-us h1 { + position: relative; + font-size: 30px; + text-transform: uppercase; + margin-bottom: 30px; +} + +.contact-us h1::before { + content: ""; + background: #f9b808; + width: 10%; + height: 5px; + position: absolute; + top: -20.1px; + left: 0; +} + +.contact-us ul { + padding: 0; +} + +.contact-us ul li { + list-style: none; + font-size: 20px; + color: #444; + margin-bottom: 30px; +} + +.bold { + text-transform: uppercase; + font-size: 24px; + font-weight: bold; + color: #212121; +} + +.contact-us i { + font-size: 30px; + margin-top: 16px; + margin-right: 14px; + color: #000; + transition: color 300ms ease-out; +} + +.contact-us i:hover { + color: #f9b808; +} + +input { + display: block; +} + +input[type="text"], +input[type="email"], +textarea { + background: #ccc; + padding: 10px; + width: 70%; + margin-bottom: 30px; + border: 0; + outline: none; +} + +textarea { + height: 100px; +} + +textarea::placeholder { + font-family: helvetica; +} + +input[type="submit"] { + background: #f9b808; + padding: 0.8rem 1.5rem; + color: #000; + text-decoration: none; + font-size: 14px; + border: 0; + cursor: pointer; + outline: none; + border-radius: 5px; + transition: all 300ms ease-out; +} + +input[type="submit"]:hover { + background: #000; + color: #f9b808; +} + +.contact-details, +.get-in-touch { + padding-left: 70px; +} + +/* End of Contact Section */ +/* Start of Scroll-Down Indicator Section */ +.scroll-down { + position: absolute; + bottom: 70px; +} + +.scroll-down span { + width: 20px; + height: 20px; + display: block; + border-right: 1px solid #fff; + border-bottom: 1px solid #fff; + transform: rotate(45deg); + margin: -10px; + animation: animate 2s infinite; +} + +.scroll-down span:nth-child(2) { + animation-delay: -0.2s; +} + +.scroll-down span:nth-child(3) { + animation-delay: -0.4s; +} + +/* End of Scroll-Down Indicator Section */ + +/* Start of Project-Read-More Section */ +.container { + position: relative; +} + +.container::before { + content: ""; + background: #f9b808; + width: 5%; + height: 4px; + position: absolute; + top: 70px; + left: 0; + +} + +.information, +.management { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 70px; +} + +.information p { + font-size: 18px; + text-align: justify; + color: #444; + line-height: 1.6; +} + +.information span { + font-size: 30px; + font-weight: bold; + letter-spacing: 5px; + color: #212121; +} + +#showcase-management h1 { + width: 70%; + text-align: center; +} + +#showcase-management h1::before { + width: 10%; + height: 5%; + top: -20%; + left: 45%; +} + +.management img { + width: 100%; +} + +#info { + background: #d69c03; + width: 100%; + height: 30vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-top: 70px; +} + +#info h2 { + text-transform: uppercase; + width: 40%; + text-align: center; + color: #fff; + position: relative; +} + +#info h2::before { + content: ""; + background: #fff; + width: 10%; + height: 4px; + position: absolute; + top: -20px; + left: 45%; +} + +#info a { + background: #fff; + padding: 1rem 1.5rem; + color: #000; + text-decoration: none; + font-size: 14px; + border-radius: 5px; + transition: all 300ms ease-out; +} + +#info a:hover { + background: #000; + color: #fff; +} + +.contact-details ul li a { + color: #d69c03; + text-decoration: none; +} + +.related-projects { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 20px; + margin-top: 70px; +} + +.rp { + width: 100%; + height: 100%; + position: relative; + background: #000; + overflow: hidden; +} + +.rp img { + width: 100%; + height: 100%; + visibility: hidden; +} + +.image { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: flex; +} + +.rp-1 .image span, +.rp-2 .image span, +.rp-3 .image span, +.rp-4 .image span, +.rp-5 .image span, +.rp-6 .image span, +.rp-7 .image span, +.rp-8 .image span { + width: 25%; + height: 100%; + background: url('../img/RP-1.jpg'); + background-repeat: no-repeat; + background-size: cover; + transition: all 500ms ease-out; +} + +.rp-2 .image span { + background: url('../img/RP-2.jpg'); + background-repeat: no-repeat; + background-size: cover; +} + +.rp-3 .image span { + background: url('../img/RP-3.jpg'); + background-repeat: no-repeat; + background-size: cover; +} + +.rp-4 .image span { + background: url('../img/RP-4.jpg'); + background-repeat: no-repeat; + background-size: cover; +} + +.rp-5 .image span { + background: url('../img/RP-5.jpg'); + background-repeat: no-repeat; + background-size: cover; +} + +.rp-6 .image span { + background: url('../img/RP-6.jpg'); + background-repeat: no-repeat; + background-size: cover; +} + +.rp-7 .image span { + background: url('../img/RP-7.jpg'); + background-repeat: no-repeat; + background-size: cover; +} + +.rp-8 .image span { + background: url('../img/RP-8.jpg'); + background-repeat: no-repeat; + background-size: cover; +} + +.rp-1 .image span:nth-child(1), +.rp-2 .image span:nth-child(1), +.rp-3 .image span:nth-child(1), +.rp-4 .image span:nth-child(1), +.rp-5 .image span:nth-child(1), +.rp-6 .image span:nth-child(1), +.rp-7 .image span:nth-child(1), +.rp-8 .image span:nth-child(1) { + background-position: 0%; + transition-delay: 0s; +} + +.rp-1 .image span:nth-child(2), +.rp-2 .image span:nth-child(2), +.rp-3 .image span:nth-child(2), +.rp-4 .image span:nth-child(2), +.rp-5 .image span:nth-child(2), +.rp-6 .image span:nth-child(2), +.rp-7 .image span:nth-child(2), +.rp-8 .image span:nth-child(2) { + background-position: 33.33%; + transition-delay: 0.1s; +} + +.rp-1 .image span:nth-child(3), +.rp-2 .image span:nth-child(3), +.rp-3 .image span:nth-child(3), +.rp-4 .image span:nth-child(3), +.rp-5 .image span:nth-child(3), +.rp-6 .image span:nth-child(3), +.rp-7 .image span:nth-child(3), +.rp-8 .image span:nth-child(3) { + background-position: 66.66%; + transition-delay: 0.2s; +} + +.rp-1 .image span:nth-child(4), +.rp-2 .image span:nth-child(4), +.rp-3 .image span:nth-child(4), +.rp-4 .image span:nth-child(4), +.rp-5 .image span:nth-child(4), +.rp-6 .image span:nth-child(4), +.rp-7 .image span:nth-child(4), +.rp-8 .image span:nth-child(4) { + background-position: 99.99%; + transition-delay: 0.3s; +} + +.rp:hover .image span { + transform: translateY(-100%); +} + +.rp:hover .rp-content { + transition-delay: 500ms; + transform: translateY(0%); +} + +.rp-content { + position: absolute; + width: 100%; + height: 100%; + top: 0; + left: 0; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + transform: translateY(100%); + transition: all 500ms ease-out; +} + +.rp-content h1 { + color: #f9b808; + width: 100%; + font-size: 1em; + text-transform: uppercase; + text-align: center; + font-weight: normal; +} + +.rp-content p { + color: #fff; + width: 100%; + font-size: 0.7em; + text-align: center; + width: 90%; + letter-spacing: 1px; +} + +/* End of Project-Read-More Section */ + +@keyframes animate { + 0% { + opacity: 0; + } + + 50% { + opacity: 1; + transform: rotate(45deg) translate(10px, 10px); + } + + 100% { + opacity: 0; + } +} + +@keyframes bounce { + 0% { + transform: scale(1); + } + + 25% { + transform: scale(1.1); + } + + 50% { + transform: scale(1.2); + } + + 75% { + transform: scale(1.1); + } + + 100% { + transform: scale(1); + } +} + +/* Media Query For Responsive Design */ + +/* Media Query For Screen Width 1200px and Below */ +@media only screen and (max-width: 1200px) { + + #showcase-home h1, + #showcase-about h1, + #showcase-services h1, + #showcase-projects h1, + #showcase-contact h1, + #showcase-management h1, + #showcase-project-1 h1, + #showcase-project-2 h1, + #showcase-project-3 h1, + #showcase-project-4 h1, + #showcase-project-5 h1, + #showcase-project-6 h1, + #showcase-project-7 h1, + #showcase-project-8 h1 { + font-size: 4rem; + } + + #showcase-home h2, + #showcase-about h2, + #showcase-services h2, + #showcase-projects h2, + #showcase-contact h2 { + font-size: 24px; + } + + #showcase-home a.btn, + #showcase-about a.btn, + #showcase-services a.btn, + #showcase-projects a.btn, + #showcase-contact a.btn { + font-size: 12px; + } + + header { + padding: 0 50px; + } + + h1.lead { + font-size: 28px; + } + + .our-service h2, + .our-history h2, + .footer .logo, + footer i, + .team h2, + .bold, + .management h2 { + font-size: 20px; + } + + .our-service p, + .info p, + .navigation ul li, + .contact p, + .team .highlight, + .team .paragraph { + font-size: 14px; + } + + .icons { + width: 100px; + } + + .our-history h1, + .services h1, + .projects h1, + .contact-us h1, + .information span { + font-size: 26px; + } + + .our-history h2, + .faq h4, + .services h2 { + margin: 0; + } + + .our-history p { + font-size: 16px; + margin: 10px 0 30px 0; + } + + .our-history a { + font-size: 12px; + } + + .content h2, + .about-us p, + .information p { + font-size: 16px; + } + + .content a, + .services a, + .projects a, + input[type="submit"], + #info a { + font-size: 12px; + } + + .footer { + padding: 10px; + } + + .footer h3, + footer p, + .services h2, + .contact-us ul li { + font-size: 18px; + } + + .faq p { + font-size: 14px; + margin-top: 10px; + } + + .spacing { + margin-left: 65px; + } + + .about-us .icons { + width: 125px; + } + + .about-us h2 { + font-size: 24px; + } + + #showcase-services h2 { + width: 80%; + } + + .services h1 { + margin-bottom: 12px; + } + + .services p, + .projects p { + font-size: 15px; + margin: 10px 0 30px 0; + } + + .our-history h1::before, + .services h1::before { + top: -21.58px; + } + + .service-1 .service, + .service-3 .service, + .service-5 .service, + .service-2 .service, + .service-4 .service, + .service-6 .service { + height: 400px; + } + + .projects { + grid-column-gap: 100px; + grid-row-gap: 70px; + } + + .projects h1 { + margin-bottom: 0; + } + + .contact-details { + padding-left: 50px; + } + + .get-in-touch { + padding-left: 90px; + } + + input[type="text"], + input[type="email"], + textarea { + width: 80%; + } + + .management h2 { + margin: 20px 0 10px 0; + } + + .management p { + font-size: 16px; + margin: 0; + } + + #info h2 { + width: 60%; + } + + .information span { + letter-spacing: 2px; + } + + .contact p span.spacing[style] { + margin-left: 53px !important; + } + + .contact p span.highlight[style] { + margin-left: 52px !important; + } + + .rp-content h1 { + font-size: 0.8em; + } + + .rp-content p { + font-size: 0.55em; + } +} + +/* Media Query For Screen Width 1024px and Below */ +@media only screen and (max-width: 1024px) { + header { + padding: 0 20px; + } + + header .logo { + font-size: 21px; + } + + header nav ul li, + .our-history p, + .content h2, + .faq h4, + .about-us p, + .parts h3, + .management p { + font-size: 14px; + } + + #showcase-home h1, + #showcase-about h1, + #showcase-services h1, + #showcase-projects h1, + #showcase-contact h1, + #showcase-project-1 h1, + #showcase-project-2 h1, + #showcase-project-3 h1, + #showcase-project-4 h1, + #showcase-project-5 h1, + #showcase-project-6 h1, + #showcase-project-7 h1, + #showcase-project-8 h1, + #showcase-management h1 { + font-size: 3rem; + } + + #showcase-home h2, + #showcase-about h2, + #showcase-services h2, + #showcase-projects h2, + #showcase-contact h2 { + font-size: 20px; + } + + #showcase-home a.btn span, + #showcase-about a.btn span, + #showcase-services a.btn span { + display: none; + } + + h1.lead { + font-size: 26px; + } + + .icons { + width: 90px; + } + + .our-service h2, + .services h2, + .contact-us ul li { + font-size: 16px; + } + + .our-service p { + font-size: 13px; + } + + .our-history h1 { + font-size: 24px; + margin-bottom: 10px; + } + + .our-history h2, + .footer .logo, + .team h2, + .bold, + .management h2 { + font-size: 18px; + } + + .our-history a, + .content a, + .services a, + .projects a { + font-size: 11px; + } + + .our-history h1::before { + top: -19.92px; + } + + .footer { + grid-gap: 20px; + } + + .footer h3 { + font-size: 15px; + } + + .info p { + font-size: 12px; + margin-top: 0; + line-height: 1.3; + } + + .navigation h3, + .contact h3, + .navigation ul, + .contact ul { + padding-left: 0; + } + + .navigation ul li, + .contact p, + .faq p, + .team .highlight, + .services p { + font-size: 12px; + } + + .contact p span.highlight[style], + .contact p span.spacing[style] { + margin-left: 45px !important; + } + + .spacing { + margin-left: 55px; + } + + .navigation h3, + .navigation ul { + padding-left: 15px; + } + + .scroll-down span { + width: 18px; + height: 18px; + } + + #showcase-about h2 { + width: 70%; + } + + #showcase-services h2 { + width: 85%; + } + + #showcase-contact h2 { + width: 70%; + } + + .about-us .icons { + width: 100px; + } + + .about-us h2, + .projects h1, + .information span { + font-size: 20px; + } + + .parts h1 { + font-size: 50px; + } + + .team .paragraph { + font-size: 12px; + line-height: 1.5; + } + + footer p { + margin-left: 100px; + } + + .services h1, + .contact-us h1 { + font-size: 24px; + } + + .service-1 .service, + .service-3 .service, + .service-5 .service, + .service-2 .service, + .service-4 .service, + .service-6 .service { + height: 350px; + } + + .services h1::before { + top: -19.92px; + } + + .services p, + .projects p { + font-size: 14px; + line-height: 1.3; + } + + .projects { + grid-column-gap: 70px; + } + + .contact-details { + padding-left: 20px; + } + + .get-in-touch { + padding-left: 30px; + } + + input[type="text"], + input[type="email"], + textarea { + width: 90%; + } + + .information p { + font-size: 14px; + line-height: 1.4; + } + + #showcase-project-1 i, + #showcase-project-2 i, + #showcase-project-3 i, + #showcase-project-4 i, + #showcase-project-5 i, + #showcase-project-6 i, + #showcase-project-7 i, + #showcase-project-8 i, + #showcase-management i { + top: 20px; + right: 20px; + font-size: 1.3em; + } + + .rp-content p { + font-size: 0.5em; + } +} + +/* Media Query For Screen Width 768px and Below */ +@media only screen and (max-width: 768px) { + header { + border-bottom: 1px solid rgba(119, 119, 119, 0.75); + } + + #responsive-menu { + display: block; + } + + header nav ul { + display: block; + position: absolute; + top: 51px; + right: 0; + width: 50%; + background: #000; + text-align: center; + height: 100vh; + } + + .hide { + transform: translateX(100%); + transition: transform 300ms ease-out; + } + + .show { + transform: translateX(0); + } + + header .logo { + font-size: 24px; + } + + header nav ul li a:hover, + header nav ul li a.active { + background: #f9b808; + color: #fff; + } + + #showcase-home h2 { + width: 80%; + } + + #showcase-about h2, + #showcase-projects h2, + #showcase-contact h2 { + width: 100%; + } + + #showcase-about h1:before { + width: 25%; + left: 37.5%; + } + + .our-service, + .project-shortcut, + .footer, + .our-team, + .related-projects { + grid-template-columns: 1fr 1fr; + } + + h1.lead, + .contact-us i { + font-size: 1.5em; + } + + h1.lead::before, + #info h2::before { + width: 8%; + left: 46%; + } + + .our-service h2, + .our-history h1, + .content h2, + .footer h3, + .about-us h2, + .services h1, + .projects h1, + .bold, + .information span { + font-size: 1em; + } + + .our-service p, + .content a, + .about-us p, + .management p { + font-size: 0.7em; + } + + .our-history h2, + .info p, + .navigation ul li, + .contact p, + .faq p, + .team .highlight, + .parts h3, + .services h2, + .projects p, + .information p { + font-size: 0.8em; + } + + .our-history p, + .services p { + font-size: 0.7em; + margin: 10px 0 1em 0; + } + + .our-history a, + .services a, + .projects a, + input[type="submit"], + #info a { + font-size: 0.6em; + padding: 1em; + letter-spacing: 1px; + } + + .our-history h1::before, + .services h1::before { + top: -13.28px; + } + + .services h1::before { + height: 4px; + } + + .footer { + grid-column-gap: 50px; + grid-row-gap: 20px; + } + + .footer .logo { + font-size: 1.4em; + } + + .footer h3, + .faq-1, + .faq-2, + .faq-3, + .contact ul, + .navigation ul { + padding-left: 24px; + } + + .spacing { + margin-left: 60px; + } + + .contact p span.highlight[style], + .contact p span.spacing[style] { + margin-left: 48px !important; + } + + footer p { + font-size: 1em; + margin-left: 50px; + } + + .about-us .icons { + width: 90px; + } + + .parts h1 { + font-size: 2.5em; + } + + h1#lead::before { + width: 5%; + left: 47.5%; + } + + #showcase-services h2 { + font-size: 1em; + width: 95%; + } + + .service-1 .service, + .service-3 .service, + .service-5 .service, + .service-2 .service, + .service-4 .service, + .service-6 .service { + height: 260px; + } + + .contact-us h1 { + font-size: 1.3em; + } + + .contact-us ul li, + .management h2 { + font-size: 0.9em; + } + + input[type="text"], + input[type="email"], + textarea { + padding: 0.5em; + } + + input[type="text"]::placeholder, + input[type="email"]::placeholder, + textarea::placeholder { + font-size: 0.8em; + letter-spacing: 1px; + } + + .contact-us h1::before { + height: 4px; + top: -13.936px; + } + + #info h2 { + width: 95%; + font-size: 1.3em; + } + + #showcase-project-1 i, + #showcase-project-2 i, + #showcase-project-3 i, + #showcase-project-4 i, + #showcase-project-5 i, + #showcase-project-6 i, + #showcase-project-7 i, + #showcase-project-8 i, + #showcase-management i { + top: 15px; + right: 15px; + font-size: 1.2em; + } + + .rp-content h1 { + font-size: 1em; + } + + .rp-content p { + font-size: 0.6em; + } +} + +/* Media Query For Screen Width 320px and Below */ +@media only screen and (max-width: 360px) { + header { + padding: 0 10px; + } + + header .logo { + font-size: 1.3em; + } + + #menu-wrapper { + right: 10px; + top: 10.5px; + } + + #showcase-home h1, + #showcase-about h1, + #showcase-services h1, + #showcase-projects h1, + #showcase-contact h1, + #showcase-project-1 h1, + #showcase-project-2 h1, + #showcase-project-3 h1, + #showcase-project-4 h1, + #showcase-project-5 h1, + #showcase-project-6 h1, + #showcase-project-7 h1, + #showcase-project-8 h1, + #showcase-management h1 { + font-size: 1.8em; + } + + #showcase-home h2, + #showcase-about h2, + #showcase-services h2, + #showcase-projects h2, + #showcase-contact h2 { + font-size: 0.7em; + width: 100%; + } + + #showcase-home a.btn, + #showcase-about a.btn, + #showcase-services a.btn, + #showcase-projects a.btn, + #showcase-contact a.btn { + font-size: 0.6em; + padding: 1em; + letter-spacing: 1px; + } + + #showcase-about, + #showcase-services, + #showcase-projects { + background-position: center; + } + + .scroll-down span { + width: 15px; + height: 15px; + } + + h1.lead { + font-size: 1.5em; + } + + h1.lead::before { + top: -10.72px; + height: 4px; + } + + h1#lead::before { + width: 8%; + left: 46%; + } + + .our-service, + .our-history, + .project-shortcut, + .footer, + .about-us, + .our-team, + .count-downs, + .projects, + .information, + .management, + .contact-us, + .related-projects { + grid-template-columns: 1fr; + } + + .icons, + .about-us .icons { + width: 70px; + } + + .our-history h1::before { + height: 4px; + } + + .our-history p, + .services p, + .projects p { + margin: 10px 0 1.5em 0; + } + + .our-history, + .about-us { + grid-gap: 50px; + } + + .footer h3, + .faq-1, + .faq-2, + .faq-3, + .contact ul, + .navigation ul, + .footer .logo, + .info p { + padding-left: 0; + } + + .footer .logo { + font-size: 1.2em; + } + + .info p, + .navigation ul li, + .contact p, + .faq p { + font-size: 0.7em; + } + + .footer h3 { + font-size: 0.9em; + } + + .faq h4 { + font-size: 0.8em; + } + + .footer { + padding: 5px 15px; + } + + .contact p span.highlight[style], + .contact p span.spacing[style] { + margin-left: 42px !important; + } + + .spacing { + margin-left: 50px; + } + + footer { + background: #000; + display: block; + padding: 15px; + text-align: center; + } + + .column-1, + .column-2 { + width: 100%; + } + + footer p { + margin: 0; + font-size: 0.9em; + } + + footer i { + font-size: 1em; + } + + header nav ul li, + .information p { + font-size: 0.7em; + } + + .count-downs { + height: auto; + padding: 30px; + box-sizing: border-box; + grid-gap: 30px; + } + + .service-1 .service, + .service-3 .service, + .service-5 .service, + .service-2 .service, + .service-4 .service, + .service-6 .service { + float: none; + width: 100%; + height: auto; + margin-top: 0; + } + + .service-2, + .service-3, + .service-4, + .service-5, + .service-6 { + margin-top: 70px; + } + + .service.txt { + margin-top: 50px; + } + + .projects { + grid-row-gap: 50px; + } + + .projects h1 { + font-weight: 700; + } + + .projects h1 { + margin-top: 1em; + } + + .information { + grid-gap: 20px; + } + + .container::before { + width: 8%; + height: 3px; + } + + .information span { + font-size: 1.5em; + } + + #showcase-management h1::before { + width: 20%; + height: 3px; + top: -30%; + left: 40%; + } + + #info h2 { + width: 100%; + font-size: 0.9em; + } + + #info h2::before { + width: 10%; + top: -15px; + left: 45%; + height: 3px; + } + + #showcase-project-1 i, + #showcase-project-2 i, + #showcase-project-3 i, + #showcase-project-4 i, + #showcase-project-5 i, + #showcase-project-6 i, + #showcase-project-7 i, + #showcase-project-8 i, + #showcase-management i { + top: 10px; + right: 10px; + font-size: 1em; + } +} \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/img/RP-1.jpg b/vikasganiga05/ar-constructions/img/RP-1.jpg new file mode 100644 index 0000000..d67062e Binary files /dev/null and b/vikasganiga05/ar-constructions/img/RP-1.jpg differ diff --git a/vikasganiga05/ar-constructions/img/RP-2.jpg b/vikasganiga05/ar-constructions/img/RP-2.jpg new file mode 100644 index 0000000..1f5032e Binary files /dev/null and b/vikasganiga05/ar-constructions/img/RP-2.jpg differ diff --git a/vikasganiga05/ar-constructions/img/RP-3.jpg b/vikasganiga05/ar-constructions/img/RP-3.jpg new file mode 100644 index 0000000..1508abf Binary files /dev/null and b/vikasganiga05/ar-constructions/img/RP-3.jpg differ diff --git a/vikasganiga05/ar-constructions/img/RP-4.jpg b/vikasganiga05/ar-constructions/img/RP-4.jpg new file mode 100644 index 0000000..1812f28 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/RP-4.jpg differ diff --git a/vikasganiga05/ar-constructions/img/RP-5.jpg b/vikasganiga05/ar-constructions/img/RP-5.jpg new file mode 100644 index 0000000..8281b63 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/RP-5.jpg differ diff --git a/vikasganiga05/ar-constructions/img/RP-6.jpg b/vikasganiga05/ar-constructions/img/RP-6.jpg new file mode 100644 index 0000000..2aeed5b Binary files /dev/null and b/vikasganiga05/ar-constructions/img/RP-6.jpg differ diff --git a/vikasganiga05/ar-constructions/img/RP-7.jpg b/vikasganiga05/ar-constructions/img/RP-7.jpg new file mode 100644 index 0000000..a6044ca Binary files /dev/null and b/vikasganiga05/ar-constructions/img/RP-7.jpg differ diff --git a/vikasganiga05/ar-constructions/img/RP-8.jpg b/vikasganiga05/ar-constructions/img/RP-8.jpg new file mode 100644 index 0000000..97a6255 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/RP-8.jpg differ diff --git a/vikasganiga05/ar-constructions/img/Services-showcase.jpg b/vikasganiga05/ar-constructions/img/Services-showcase.jpg new file mode 100644 index 0000000..f2ee3c8 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/Services-showcase.jpg differ diff --git a/vikasganiga05/ar-constructions/img/about-showcase.jpg b/vikasganiga05/ar-constructions/img/about-showcase.jpg new file mode 100644 index 0000000..8f901d6 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/about-showcase.jpg differ diff --git a/vikasganiga05/ar-constructions/img/building-hover.png b/vikasganiga05/ar-constructions/img/building-hover.png new file mode 100644 index 0000000..25d4f37 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/building-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/building.png b/vikasganiga05/ar-constructions/img/building.png new file mode 100644 index 0000000..c997374 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/building.png differ diff --git a/vikasganiga05/ar-constructions/img/cubes-hover.png b/vikasganiga05/ar-constructions/img/cubes-hover.png new file mode 100644 index 0000000..5e5df4b Binary files /dev/null and b/vikasganiga05/ar-constructions/img/cubes-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/cubes.png b/vikasganiga05/ar-constructions/img/cubes.png new file mode 100644 index 0000000..03530ec Binary files /dev/null and b/vikasganiga05/ar-constructions/img/cubes.png differ diff --git a/vikasganiga05/ar-constructions/img/flag-hover.png b/vikasganiga05/ar-constructions/img/flag-hover.png new file mode 100644 index 0000000..3a99076 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/flag-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/flag.png b/vikasganiga05/ar-constructions/img/flag.png new file mode 100644 index 0000000..d83408d Binary files /dev/null and b/vikasganiga05/ar-constructions/img/flag.png differ diff --git a/vikasganiga05/ar-constructions/img/home-hover.png b/vikasganiga05/ar-constructions/img/home-hover.png new file mode 100644 index 0000000..d7a6a51 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/home-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/home-showcase.jpg b/vikasganiga05/ar-constructions/img/home-showcase.jpg new file mode 100644 index 0000000..e2b41ea Binary files /dev/null and b/vikasganiga05/ar-constructions/img/home-showcase.jpg differ diff --git a/vikasganiga05/ar-constructions/img/home.png b/vikasganiga05/ar-constructions/img/home.png new file mode 100644 index 0000000..b18759c Binary files /dev/null and b/vikasganiga05/ar-constructions/img/home.png differ diff --git a/vikasganiga05/ar-constructions/img/leaf-hover.png b/vikasganiga05/ar-constructions/img/leaf-hover.png new file mode 100644 index 0000000..ef82ad7 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/leaf-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/leaf.png b/vikasganiga05/ar-constructions/img/leaf.png new file mode 100644 index 0000000..3f05c5b Binary files /dev/null and b/vikasganiga05/ar-constructions/img/leaf.png differ diff --git a/vikasganiga05/ar-constructions/img/map.jpg b/vikasganiga05/ar-constructions/img/map.jpg new file mode 100644 index 0000000..ce5a808 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/map.jpg differ diff --git a/vikasganiga05/ar-constructions/img/our-history.jpg b/vikasganiga05/ar-constructions/img/our-history.jpg new file mode 100644 index 0000000..9cdd4be Binary files /dev/null and b/vikasganiga05/ar-constructions/img/our-history.jpg differ diff --git a/vikasganiga05/ar-constructions/img/pencil-ruler-hover.png b/vikasganiga05/ar-constructions/img/pencil-ruler-hover.png new file mode 100644 index 0000000..13c8591 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/pencil-ruler-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/pencil-ruler.png b/vikasganiga05/ar-constructions/img/pencil-ruler.png new file mode 100644 index 0000000..aff8831 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/pencil-ruler.png differ diff --git a/vikasganiga05/ar-constructions/img/project-1.jpg b/vikasganiga05/ar-constructions/img/project-1.jpg new file mode 100644 index 0000000..d4a5bf9 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/project-1.jpg differ diff --git a/vikasganiga05/ar-constructions/img/project-2.jpg b/vikasganiga05/ar-constructions/img/project-2.jpg new file mode 100644 index 0000000..0ebf971 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/project-2.jpg differ diff --git a/vikasganiga05/ar-constructions/img/project-3.jpg b/vikasganiga05/ar-constructions/img/project-3.jpg new file mode 100644 index 0000000..cdf3d00 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/project-3.jpg differ diff --git a/vikasganiga05/ar-constructions/img/project-4.jpg b/vikasganiga05/ar-constructions/img/project-4.jpg new file mode 100644 index 0000000..c9237b1 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/project-4.jpg differ diff --git a/vikasganiga05/ar-constructions/img/project-5.jpg b/vikasganiga05/ar-constructions/img/project-5.jpg new file mode 100644 index 0000000..6e36a1c Binary files /dev/null and b/vikasganiga05/ar-constructions/img/project-5.jpg differ diff --git a/vikasganiga05/ar-constructions/img/project-6.jpg b/vikasganiga05/ar-constructions/img/project-6.jpg new file mode 100644 index 0000000..2c6a241 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/project-6.jpg differ diff --git a/vikasganiga05/ar-constructions/img/project-7.jpg b/vikasganiga05/ar-constructions/img/project-7.jpg new file mode 100644 index 0000000..b208909 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/project-7.jpg differ diff --git a/vikasganiga05/ar-constructions/img/project-8.jpg b/vikasganiga05/ar-constructions/img/project-8.jpg new file mode 100644 index 0000000..a10eda1 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/project-8.jpg differ diff --git a/vikasganiga05/ar-constructions/img/projects-showcase.jpg b/vikasganiga05/ar-constructions/img/projects-showcase.jpg new file mode 100644 index 0000000..851423d Binary files /dev/null and b/vikasganiga05/ar-constructions/img/projects-showcase.jpg differ diff --git a/vikasganiga05/ar-constructions/img/rocket-hover.png b/vikasganiga05/ar-constructions/img/rocket-hover.png new file mode 100644 index 0000000..57c34b4 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/rocket-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/rocket.png b/vikasganiga05/ar-constructions/img/rocket.png new file mode 100644 index 0000000..0fead19 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/rocket.png differ diff --git a/vikasganiga05/ar-constructions/img/ruler-triangle-hover.png b/vikasganiga05/ar-constructions/img/ruler-triangle-hover.png new file mode 100644 index 0000000..334b342 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/ruler-triangle-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/ruler-triangle.png b/vikasganiga05/ar-constructions/img/ruler-triangle.png new file mode 100644 index 0000000..39ce2d9 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/ruler-triangle.png differ diff --git a/vikasganiga05/ar-constructions/img/service-1.jpg b/vikasganiga05/ar-constructions/img/service-1.jpg new file mode 100644 index 0000000..680b989 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/service-1.jpg differ diff --git a/vikasganiga05/ar-constructions/img/service-2.jpg b/vikasganiga05/ar-constructions/img/service-2.jpg new file mode 100644 index 0000000..acce5ea Binary files /dev/null and b/vikasganiga05/ar-constructions/img/service-2.jpg differ diff --git a/vikasganiga05/ar-constructions/img/service-3.jpg b/vikasganiga05/ar-constructions/img/service-3.jpg new file mode 100644 index 0000000..79bd479 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/service-3.jpg differ diff --git a/vikasganiga05/ar-constructions/img/service-4.jpg b/vikasganiga05/ar-constructions/img/service-4.jpg new file mode 100644 index 0000000..bdbdd7e Binary files /dev/null and b/vikasganiga05/ar-constructions/img/service-4.jpg differ diff --git a/vikasganiga05/ar-constructions/img/service-5.jpg b/vikasganiga05/ar-constructions/img/service-5.jpg new file mode 100644 index 0000000..2c44894 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/service-5.jpg differ diff --git a/vikasganiga05/ar-constructions/img/service-6.jpg b/vikasganiga05/ar-constructions/img/service-6.jpg new file mode 100644 index 0000000..d884d62 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/service-6.jpg differ diff --git a/vikasganiga05/ar-constructions/img/team-1.jpg b/vikasganiga05/ar-constructions/img/team-1.jpg new file mode 100644 index 0000000..4ec3ad2 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/team-1.jpg differ diff --git a/vikasganiga05/ar-constructions/img/team-2.jpg b/vikasganiga05/ar-constructions/img/team-2.jpg new file mode 100644 index 0000000..fd53610 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/team-2.jpg differ diff --git a/vikasganiga05/ar-constructions/img/team-3.jpg b/vikasganiga05/ar-constructions/img/team-3.jpg new file mode 100644 index 0000000..f00773c Binary files /dev/null and b/vikasganiga05/ar-constructions/img/team-3.jpg differ diff --git a/vikasganiga05/ar-constructions/img/team-4.jpg b/vikasganiga05/ar-constructions/img/team-4.jpg new file mode 100644 index 0000000..b80f3d3 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/team-4.jpg differ diff --git a/vikasganiga05/ar-constructions/img/team-5.jpg b/vikasganiga05/ar-constructions/img/team-5.jpg new file mode 100644 index 0000000..9867a51 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/team-5.jpg differ diff --git a/vikasganiga05/ar-constructions/img/team-6.jpg b/vikasganiga05/ar-constructions/img/team-6.jpg new file mode 100644 index 0000000..f0a9372 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/team-6.jpg differ diff --git a/vikasganiga05/ar-constructions/img/trophy-hover.png b/vikasganiga05/ar-constructions/img/trophy-hover.png new file mode 100644 index 0000000..0dbbd7a Binary files /dev/null and b/vikasganiga05/ar-constructions/img/trophy-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/trophy.png b/vikasganiga05/ar-constructions/img/trophy.png new file mode 100644 index 0000000..1a3c900 Binary files /dev/null and b/vikasganiga05/ar-constructions/img/trophy.png differ diff --git a/vikasganiga05/ar-constructions/img/users-hover.png b/vikasganiga05/ar-constructions/img/users-hover.png new file mode 100644 index 0000000..1b1bc8f Binary files /dev/null and b/vikasganiga05/ar-constructions/img/users-hover.png differ diff --git a/vikasganiga05/ar-constructions/img/users.png b/vikasganiga05/ar-constructions/img/users.png new file mode 100644 index 0000000..8b9d5ab Binary files /dev/null and b/vikasganiga05/ar-constructions/img/users.png differ diff --git a/vikasganiga05/ar-constructions/index.html b/vikasganiga05/ar-constructions/index.html new file mode 100644 index 0000000..c86256c --- /dev/null +++ b/vikasganiga05/ar-constructions/index.html @@ -0,0 +1,242 @@ + + + + + + + + AR Construction | Home Page + + + +
+ + + + +
+ +
+

AR CONSTRUCTION

+

this year we took more complex constructions than ever before...

+ SEE OUR RECENT PROJECTS + +
+ +
+

OUR SERVICES

+
+
+
+ + +
+

Constraction demo

+

We take our time on initial planning before any construction begins, to balance all the financial and efficiency issues beforehand...

+
+
+
+ + +
+

General Contracting

+

we have a long list of professional contractors, whom our engineers and architects enjoy to work with on a majority of our projects!

+
+
+
+ + +
+

Construction Services

+

Our customers love the pace/quality tempo that we show during each of the principal construction processes!

+
+
+
+ + +
+

Construction Management

+

Construction project management is essential. We're using the most time and iterations efficient life cycles methods for that.

+
+
+
+ + +
+

Building Information

+

Oftentimes physical and functional essence of any construction project needs to be represented digitally, in a 3D model format.

+
+
+
+ + +
+

Design-Build

+

If a project is not too complex, we may hire a designer-builder type of contractor, to make the longevity of the construction shorter.

+
+
+ +
+
+

OUR HISTORY

+

Our construction company has been founded 15 years ago, at the very peak of the building frenzy in the US...

+

Since then we've built hundreds of commercial, government and private buildings and facilities. it may not sound like a lot, but if you estimate the manpower, working hours, materials, planning and correlating that were all involved in completing each separate project, then our productivity is immense!

+ READ MORE +
+
+ +
+
+ +
+
+ +
+

Healthcare

+ VIEW PROJECTS +
+
+
+ +
+

Educational

+ VIEW PROJECTS +
+
+
+ +
+

Commercial

+ VIEW PROJECTS +
+
+
+ +
+

Manufacture / Industrial

+ VIEW PROJECTS +
+
+
+ +
+

Government / Military

+ VIEW PROJECTS +
+
+
+ +
+

Cultural / Lifestyle

+ VIEW PROJECTS +
+
+
+ +
+

Data / Technology

+ VIEW PROJECTS +
+
+
+ +
+

Warehouse / Logistics

+ VIEW PROJECTS +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/js/main.js b/vikasganiga05/ar-constructions/js/main.js new file mode 100644 index 0000000..3c58013 --- /dev/null +++ b/vikasganiga05/ar-constructions/js/main.js @@ -0,0 +1,28 @@ +const container = document.getElementById("container"); +const currentYear = document.getElementById("current-year"); +const toggleBtn = document.getElementById("responsive-menu"); +const scrollDownBtns = document.querySelectorAll(".scrolldown"); + +const setCurrentYear = () => { + currentYear.textContent = `${new Date().getFullYear()}`; +}; + +const toggleMenu = () => { + document.querySelector(".menu").classList.toggle("close"); + document.querySelector(".hide").classList.toggle("show"); +}; + +const scrollToElement = (event, element) => { + event.preventDefault(); + element.scrollIntoView({ + behavior: "smooth" + }); +}; + +document.addEventListener("DOMContentLoaded", (e) => { + scrollDownBtns.forEach(btn => { + btn.addEventListener("click", (event) => scrollToElement(event, container)); + }); + toggleBtn.addEventListener("click", toggleMenu); + setCurrentYear(); +}); \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/management.html b/vikasganiga05/ar-constructions/management.html new file mode 100644 index 0000000..0c7db4a --- /dev/null +++ b/vikasganiga05/ar-constructions/management.html @@ -0,0 +1,133 @@ + + + + + + + + Construction Management + + + +
+ + + + +
+ +
+ +

CONSTRUCTION MANAGEMENT

+ +
+ +
+
+
+

Construction project management is essential. We're using the most time and iterations efficient life cycles for that

+

As you may know, the construction planning process has always been far from perfect... In the past, project schedules were unrealistically optimistic... That resulted in an average of 45% of work promised in a week actually being completed at a later date than its deadline dictated. This kind of protraction left subcontractors waiting for the previous task to be completed, even before the next stage of work could have proceeded further... To fix that issue, our construction bureau have implemented the Pull Planning process, coordinated with the trade contractors on a weekly basis. Pull Planning method estimates the scheduling in reverse.

+
+
+ +
+
+
+ +
+

If you can envision it, then we can build it tell us more about your project.

+ CONTACT US +
+ + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects.html b/vikasganiga05/ar-constructions/projects.html new file mode 100644 index 0000000..ddbddf0 --- /dev/null +++ b/vikasganiga05/ar-constructions/projects.html @@ -0,0 +1,186 @@ + + + + + + + + AR Construction | Projects Page + + + +
+ + + + +
+ +
+

PROJECTS

+

If you can envision it, then we can build it tell us more about your project.

+ CONTACT US + +
+ +
+
+
+ +

Healthcare

+

We can build any type of healthcare buildings. From a small private medical clinic to a full-fetched, new country hospital! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in.

+ +
+
+ +

Educational

+

Educational institutions can be much more creative than your regular school or a college campus! Entrust us with building it and it will be mesmerizing! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

+ +
+
+ +

Commercial

+

It's probably the most diverse category of construction to work in. But we've got experience of building both small shopping malls and 50-stories high-rises! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

+ +
+
+ +

Manufacture / Industrial

+

Building a manufacturing facility or a factor house can be much more challenging, than building a cottage house. Trust us in such a complex task! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo eiusmod a tempor incididunt

+ +
+
+ +

Data / Technology

+

While building a headquarters building for an IT company is relatively easy, we've alsogot our hands at constructing more challenging types of IT related structures... Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

+ +
+
+ +

Government / Military

+

The US military and States government used our expertise and manpower to build numerous mlitary-grade, cost-efficient and usage-practical buildings, all over the US and overseas... Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

+ +
+
+ +

Cultural / Lifestyle

+

Working on a socially important building, such as a park involves additional landscape construction expertise. Thankfully, we've got it and we aren't afraid to apply it in practice! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.

+ +
+
+ +

Warehouse / Logistics

+

While building a warehouse for an e-store is no easy feat itself, think about building it for Amezon or Google! We've already done that, so no complexcity can scare us off the project! Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris aliquip commodo.

+ +
+
+
+ + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects/project-1.html b/vikasganiga05/ar-constructions/projects/project-1.html new file mode 100644 index 0000000..8e83d62 --- /dev/null +++ b/vikasganiga05/ar-constructions/projects/project-1.html @@ -0,0 +1,235 @@ + + + + + + + + Projects | Healthcare + + + +
+ + + + +
+ +
+ +

HEALTHCARE

+ +
+ +
+
+
+

Doing a construction in an active hospital environment is perhaps the most complex and challenging work in the industry. Maintaining safety, keeping a low level of noise and collaborating with facility's staff requires an extremely well planned management. These are the keys to successfully completing the work with no interruption of services and minimal inconvenience to the patients, residents and staff members. We've got all the experience that's needed to perform both a new construction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+

Renovation in a continuously inhabited and operating environment. Builderra has constructed more than 800 significant healthcare facilities and renovated thousands more. Our company's name consistently pops on Modern Healthcare's Top five list of leading healthcare construction management companies. Rest assured that our credentials, experience and in-house expertise benefit every healthcare construction project we undertake! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. These are the keys to successfully Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. A Nunc vitae nisl dolor vitae nisl dolor Donec.

+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects/project-2.html b/vikasganiga05/ar-constructions/projects/project-2.html new file mode 100644 index 0000000..6b6b4f7 --- /dev/null +++ b/vikasganiga05/ar-constructions/projects/project-2.html @@ -0,0 +1,235 @@ + + + + + + + + Projects | Educational + + + +
+ + + + +
+ +
+ +

EDUCATIONAL

+ +
+ +
+
+
+

Doing a construction in an active hospital environment is perhaps the most complex and challenging work in the industry. Maintaining safety, keeping a low level of noise and collaborating with facility's staff requires an extremely well planned management. These are the keys to successfully completing the work with no interruption of services and minimal inconvenience to the patients, residents and staff members. We've got all the experience that's needed to perform both a new construction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+

Renovation in a continuously inhabited and operating environment. Builderra has constructed more than 800 significant healthcare facilities and renovated thousands more. Our company's name consistently pops on Modern Healthcare's Top five list of leading healthcare construction management companies. Rest assured that our credentials, experience and in-house expertise benefit every healthcare construction project we undertake! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. These are the keys to successfully Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. A Nunc vitae nisl dolor vitae nisl dolor Donec.

+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects/project-3.html b/vikasganiga05/ar-constructions/projects/project-3.html new file mode 100644 index 0000000..2f1d50e --- /dev/null +++ b/vikasganiga05/ar-constructions/projects/project-3.html @@ -0,0 +1,235 @@ + + + + + + + + Projects | Commercial + + + +
+ + + + +
+ +
+ +

COMMERCIAL

+ +
+ +
+
+
+

Doing a construction in an active hospital environment is perhaps the most complex and challenging work in the industry. Maintaining safety, keeping a low level of noise and collaborating with facility's staff requires an extremely well planned management. These are the keys to successfully completing the work with no interruption of services and minimal inconvenience to the patients, residents and staff members. We've got all the experience that's needed to perform both a new construction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+

Renovation in a continuously inhabited and operating environment. Builderra has constructed more than 800 significant healthcare facilities and renovated thousands more. Our company's name consistently pops on Modern Healthcare's Top five list of leading healthcare construction management companies. Rest assured that our credentials, experience and in-house expertise benefit every healthcare construction project we undertake! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. These are the keys to successfully Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. A Nunc vitae nisl dolor vitae nisl dolor Donec.

+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects/project-4.html b/vikasganiga05/ar-constructions/projects/project-4.html new file mode 100644 index 0000000..4abc0cc --- /dev/null +++ b/vikasganiga05/ar-constructions/projects/project-4.html @@ -0,0 +1,235 @@ + + + + + + + + Projects | Industrial + + + +
+ + + + +
+ +
+ +

INDUSTRIAL

+ +
+ +
+
+
+

Doing a construction in an active hospital environment is perhaps the most complex and challenging work in the industry. Maintaining safety, keeping a low level of noise and collaborating with facility's staff requires an extremely well planned management. These are the keys to successfully completing the work with no interruption of services and minimal inconvenience to the patients, residents and staff members. We've got all the experience that's needed to perform both a new construction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+

Renovation in a continuously inhabited and operating environment. Builderra has constructed more than 800 significant healthcare facilities and renovated thousands more. Our company's name consistently pops on Modern Healthcare's Top five list of leading healthcare construction management companies. Rest assured that our credentials, experience and in-house expertise benefit every healthcare construction project we undertake! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. These are the keys to successfully Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. A Nunc vitae nisl dolor vitae nisl dolor Donec.

+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects/project-5.html b/vikasganiga05/ar-constructions/projects/project-5.html new file mode 100644 index 0000000..54f18fa --- /dev/null +++ b/vikasganiga05/ar-constructions/projects/project-5.html @@ -0,0 +1,235 @@ + + + + + + + + Projects | Technology + + + +
+ + + + +
+ +
+ +

TECHNOLOGY

+ +
+ +
+
+
+

Doing a construction in an active hospital environment is perhaps the most complex and challenging work in the industry. Maintaining safety, keeping a low level of noise and collaborating with facility's staff requires an extremely well planned management. These are the keys to successfully completing the work with no interruption of services and minimal inconvenience to the patients, residents and staff members. We've got all the experience that's needed to perform both a new construction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+

Renovation in a continuously inhabited and operating environment. Builderra has constructed more than 800 significant healthcare facilities and renovated thousands more. Our company's name consistently pops on Modern Healthcare's Top five list of leading healthcare construction management companies. Rest assured that our credentials, experience and in-house expertise benefit every healthcare construction project we undertake! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. These are the keys to successfully Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. A Nunc vitae nisl dolor vitae nisl dolor Donec.

+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects/project-6.html b/vikasganiga05/ar-constructions/projects/project-6.html new file mode 100644 index 0000000..eb6e712 --- /dev/null +++ b/vikasganiga05/ar-constructions/projects/project-6.html @@ -0,0 +1,235 @@ + + + + + + + + Projects | Government + + + +
+ + + + +
+ +
+ +

GOVERNMENT

+ +
+ +
+
+
+

Doing a construction in an active hospital environment is perhaps the most complex and challenging work in the industry. Maintaining safety, keeping a low level of noise and collaborating with facility's staff requires an extremely well planned management. These are the keys to successfully completing the work with no interruption of services and minimal inconvenience to the patients, residents and staff members. We've got all the experience that's needed to perform both a new construction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+

Renovation in a continuously inhabited and operating environment. Builderra has constructed more than 800 significant healthcare facilities and renovated thousands more. Our company's name consistently pops on Modern Healthcare's Top five list of leading healthcare construction management companies. Rest assured that our credentials, experience and in-house expertise benefit every healthcare construction project we undertake! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. These are the keys to successfully Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. A Nunc vitae nisl dolor vitae nisl dolor Donec.

+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects/project-7.html b/vikasganiga05/ar-constructions/projects/project-7.html new file mode 100644 index 0000000..7e4bacd --- /dev/null +++ b/vikasganiga05/ar-constructions/projects/project-7.html @@ -0,0 +1,228 @@ + + + + + + + + Projects | Lifestyle + + +
+ + + +
+
+ +

LIFESTYLE

+ +
+
+
+
+

Doing a construction in an active hospital environment is perhaps the most complex and challenging work in the industry. Maintaining safety, keeping a low level of noise and collaborating with facility's staff requires an extremely well planned management. These are the keys to successfully completing the work with no interruption of services and minimal inconvenience to the patients, residents and staff members. We've got all the experience that's needed to perform both a new construction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+

Renovation in a continuously inhabited and operating environment. Builderra has constructed more than 800 significant healthcare facilities and renovated thousands more. Our company's name consistently pops on Modern Healthcare's Top five list of leading healthcare construction management companies. Rest assured that our credentials, experience and in-house expertise benefit every healthcare construction project we undertake! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. These are the keys to successfully Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. A Nunc vitae nisl dolor vitae nisl dolor Donec.

+
+
+ +
+ + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/projects/project-8.html b/vikasganiga05/ar-constructions/projects/project-8.html new file mode 100644 index 0000000..ab134de --- /dev/null +++ b/vikasganiga05/ar-constructions/projects/project-8.html @@ -0,0 +1,235 @@ + + + + + + + + Projects | Warehouse + + + +
+ + + + +
+ +
+ +

WAREHOUSE

+ +
+ +
+
+
+

Doing a construction in an active hospital environment is perhaps the most complex and challenging work in the industry. Maintaining safety, keeping a low level of noise and collaborating with facility's staff requires an extremely well planned management. These are the keys to successfully completing the work with no interruption of services and minimal inconvenience to the patients, residents and staff members. We've got all the experience that's needed to perform both a new construction. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. Nunc vitae nisl dolor Donec.

+
+
+

Renovation in a continuously inhabited and operating environment. Builderra has constructed more than 800 significant healthcare facilities and renovated thousands more. Our company's name consistently pops on Modern Healthcare's Top five list of leading healthcare construction management companies. Rest assured that our credentials, experience and in-house expertise benefit every healthcare construction project we undertake! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed arcu dictum, suscipit orci quis, auctor massa. Suspendisse tincidunt ipsum non velit bibendum, eu dictum dolor dapibus. These are the keys to successfully Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque et quam sed dui molestie lobortis. Nunc ac nisi vel mauris rutrum mollis vitae non augue. Donec auctor sollicitudin lacinia. Suspendisse rutrum libero leo, sit amet cursus velit faucibus quis. Nunc nec imperdiet orci, sed dapibus est. A Nunc vitae nisl dolor vitae nisl dolor Donec.

+
+
+ + +
+ + + + + + + + \ No newline at end of file diff --git a/vikasganiga05/ar-constructions/services.html b/vikasganiga05/ar-constructions/services.html new file mode 100644 index 0000000..a8211ae --- /dev/null +++ b/vikasganiga05/ar-constructions/services.html @@ -0,0 +1,188 @@ + + + + + + + + AR Construction | Services Page + + + +
+ + + + +
+ +
+

OUR SERVICES

+

The size of our team and our protracted expertise allow us to accomplish absolutely any type of a building, regardless of its height and/or complexity!

+ SEE OUR RECENT PROJECTS + +
+ +
+
+
+
+ +
+
+

GENERAL CONTRACTING

+

We have a long list of professional contractors, whom our engineers and architects enjoy to work with on a majority of our projects!

+

Throughout our years in business, we've accumulated a strong expertise both in managing and completing any type of a construction, as well as in choosing the right vendors and sub-contractors... We understand how vital it is to coordinate the project in a timely, cost-efficient way. As of now we've alreeady dealt with numerous mid and large scale constructions, so we've mastered the art of minimizing the extra expenses, completing each project's stage on schedule and implementing a live project intact with both original engineering solutions and the client's initial vision...

+ READ MORE +
+
+
+
+ +
+
+

CONSTRUCTION MANAGEMENT

+

Construction project management is essential. We're using the most time and iterations efficient life cycles for that.

+

As you may know, the construction planning process has always been far from perfect... In the past, project schedules were unrealistically optimistic... That resulted in an average of 45% of work promised in a week actually being completed at a later date than its deadline dictated. This kind of protraction left subcontractors waiting for the previous task to be completed, even before the next stage of work could have proceeded further... To fix that issue, our construction bureau have implemented the Pull Planning process, coordinated with the trade contractors on a weekly basis.

+ READ MORE +
+
+
+
+ +
+
+

DESIGN-BUILD

+

If a project is not too complex, we may hire a designer-builder type of contractor, to make the longevity of the construction shorter.

+

With the help of such project delivery method, we'll be able to overlap the design and the construction part, to eliminate any kind of postponing or schedule delays... Also, while many people think that this fast-paced kind of project delivery can be led by architect only, we practiced a designer, engineer and a contractor as team leaders and it proved to be just as efficient. By using this work method, we'll be able to complete your project much faster!

+ READ MORE +
+
+
+
+ +
+
+

PRE-CONSTRUCTION SERVICES

+

We take our time on initial planning before any construction begins, to balance all the financial and efficiency issues beforehand...

+

This traditional type of construction management works great for big scale buildings and structures. The fact that in this scenario the design stage is done before the actual on-site construction even begins, allows us to estimate all the resources and man-hours needed fort project's completion. That kind of a step-by-step, preliminary construction planning will allow you to be right on schedule while your big project will get built.

+ READ MORE +
+
+
+
+ +
+
+

CONSTRUCTION SERVICES

+

Our customers love the pace/quality tempo that we show during each of the principal construction processes!

+

We're comfortable with any kind of a project that you want us to build! As long as it's technically possible to convert your vision to a standing structure, we'll be more than glad to do it. These are not mere words, as since 2006 we've been building both small, private and commercial buildings like houses and shops, as well as huge, complex megastructures like a military warehouse, a commercial high-rise business centre or a university's campus are...

+ READ MORE +
+
+
+
+ +
+
+

BUILDING INFORMATION MODELING

+

Oftentimes physical and functional essence of any construction project needs to be represented digitally, in a 3D model format.

+

In short, the construction industry is undergoing fundamental changes, not comparable in impact with anything before it, not even with the rise of lean manufacturing in auto-making in the 1980s. An innovative and time-saving tool called Building Information Modeling, or BIM, is the reason for that revolution. BIM technology rapidly enhances complex building processes, shortcutting any project completion date, cutting the expenses and improving the overall quality of the construction. Our construction company is the leading industry exponent, with approximately $30 billion in BIM project.

+ READ MORE +
+
+
+
+ + + + + + + \ No newline at end of file diff --git a/vikasganiga05/netflix-landing-clone/index.html b/vikasganiga05/netflix-landing-clone/index.html new file mode 100644 index 0000000..3232873 --- /dev/null +++ b/vikasganiga05/netflix-landing-clone/index.html @@ -0,0 +1,197 @@ + + + + + + + + + Netflix - Watch TV Shows Online, Watch Movies Online + + +
+
+ + Sign In +
+
+

See what's next

+

Watch anywhere. Cancel Anytime

+ Watch Free For 30 Days +
+
+
+
+
+ +

Cancel at any time

+
+
+ +

Watch anywhere

+
+
+ +

Pick your price

+
+
+
+
+
+ +
+
+
+

+ If you decide Netflix isn't for you - no problem. No commitment. + Cancel online anytime. +

+ Watch Free For 30 Days +
+ +
+
+ +
+
+

+ Watch TV shows and movies anytime, anywhere — personalized for + you. +

+ Watch Free For 30 Days +
+
+
+ +

+ Watch on your TV +

+

+ Smart TVs, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray + players and more. +

+
+
+ +

+ Watch instantly or download for later +

+

+ Available on phone and tablet, wherever you go. +

+
+
+ +

+ Use any computer +

+

+ Watch right on Netflix.com. +

+
+
+
+ +
+
+

+ Choose one plan and watch everything on Netflix. +

+ Watch Free For 30 Days +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BasicStandardPremium
Monthly price after free month ends on 6/19/19$8.99$12.99$15.99
HD Available
Ultra HD Available
Screens you can watch on at the same time124
Watch on your laptop, TV, phone and tablet
Unlimited movies and TV shows
Cancel anytime
First month free
+
+
+
+ + + + \ No newline at end of file diff --git a/vikasganiga05/netflix-landing-clone/main.js b/vikasganiga05/netflix-landing-clone/main.js new file mode 100644 index 0000000..7857978 --- /dev/null +++ b/vikasganiga05/netflix-landing-clone/main.js @@ -0,0 +1,34 @@ +const tabItems = document.querySelectorAll('.tab-item'); +const tabContentItems = document.querySelectorAll('.tab-content-item'); + +// Select tab content item +function selectItem(e) { + // Remove all show and border classes + removeBorder(); + removeShow(); + // Add border to current tab item + this.classList.add('tab-border'); + // Grab content item from DOM + const tabContentItem = document.querySelector(`#${this.id}-content`); + // Add show class + tabContentItem.classList.add('show'); +} + +// Remove bottom borders from all tab items +function removeBorder() { + tabItems.forEach(item => { + item.classList.remove('tab-border'); + }); +} + +// Remove show class from all content items +function removeShow() { + tabContentItems.forEach(item => { + item.classList.remove('show'); + }); +} + +// Listen for tab item click +tabItems.forEach(item => { + item.addEventListener('click', selectItem); +}); \ No newline at end of file diff --git a/vikasganiga05/netflix-landing-clone/style.css b/vikasganiga05/netflix-landing-clone/style.css new file mode 100644 index 0000000..7df0317 --- /dev/null +++ b/vikasganiga05/netflix-landing-clone/style.css @@ -0,0 +1,430 @@ +/* Global Styles */ +:root { + --primary-color: #e50914; + --dark-color: #141414; + --light-color: #f4f4f4; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: 'Arial', sans-serif; + -webkit-font-smoothing: antialiased; + background: #000; + color: #999; +} + +ul { + list-style: none; +} + +h1, +h2, +h3, +h4 { + color: #fff; +} + +a { + color: #fff; + text-decoration: none; +} + +p { + margin: 0.5rem 0; +} + +img { + width: 100%; +} + +.showcase { + width: 100%; + height: 93vh; + position: relative; + background: url('https://i.ibb.co/vXqDmnh/background.jpg') no-repeat center center/cover; +} + +.showcase::after { + content: ''; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 1; + background: rgba(0, 0, 0, 0.6); + box-shadow: inset 120px 100px 250px #000000, inset -120px -100px 250px #000000; +} + +.showcase-top { + position: relative; + z-index: 2; + height: 90px; +} + +.showcase-top img { + width: 170px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + margin-left: 0; +} + +.showcase-top a { + position: absolute; + top: 50%; + right: 0; + transform: translate(-50%, -50%); +} + +.showcase-content { + position: relative; + z-index: 2; + width: 65%; + margin: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + margin-top: 9rem; +} + +.showcase-content h1 { + font-weight: 700; + font-size: 5.2rem; + line-height: 1.1; + margin: 0 0 2rem; +} + +.showcase-content p { + text-transform: uppercase; + color: #fff; + font-weight: 400; + font-size: 1.9rem; + line-height: 1.25; + margin: 0 0 2rem; +} + +/* Tabs */ +.tabs { + background: var(--dark-color); + padding-top: 1rem; + border-bottom: 3px solid #3d3d3d; + border-right: none; +} + +.tabs .container { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 1rem; + align-items: center; + justify-content: center; + text-align: center; +} + +.tabs p { + font-size: 1.2rem; + padding-top: 0.5rem; +} + +.tabs .container>div { + padding: 1.5rem 0; +} + +.tabs .container>div:hover { + color: #fff; + cursor: pointer; +} + +.tab-border { + border-bottom: var(--primary-color) 4px solid; +} + +/* Tab Content */ +.tab-content { + padding: 3rem 0; + background: #000; + color: #fff; + border-bottom: 8px solid #222; +} + +/* Hide initial content */ +#tab-1-content, +#tab-2-content, +#tab-3-content { + display: none; + opacity: 0; +} + +.show { + display: block !important; + opacity: 1 !important; + transition: all 1000 ease-in; +} + +#tab-1-content .tab-1-content-inner { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 2rem; + align-items: center; + justify-content: center; +} + +#tab-2-content .tab-2-content-top { + display: grid; + grid-template-columns: 2fr 1fr; + grid-gap: 1rem; + justify-content: center; + align-items: center; +} + +#tab-2-content .tab-2-content-bottom { + margin-top: 2rem; + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 2rem; + text-align: center; +} + +.table { + width: 100%; + margin-top: 2rem; + border-collapse: collapse; + border-spacing: 0; +} + +.table thead th { + text-transform: uppercase; + padding: 0.8rem; +} + +.table tbody { + display: table-row-group; + vertical-align: middle; + border-color: inherit; +} + +.table tbody tr td { + color: #999; + padding: 0.8rem 1.2rem; + text-align: center; +} + +.table tbody tr td:first-child { + text-align: left; +} + +.table tbody tr:nth-child(odd) { + background: #222; +} + +.footer { + max-width: 70%; + margin: 3rem auto; + overflow: auto; +} + +.footer, +.footer a { + color: #999; + font-size: 0.9rem; +} + +.footer p { + margin-bottom: 1.5rem; +} + +.footer .footer-cols { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 2rem; +} + +.footer li { + line-height: 1.9; +} + +.footer .lang-select { + margin-top: 2rem; + color: #999; + background-color: #000; + background-image: none; + border: 1px solid #333; + padding: 1rem 1.2rem; + border-radius: 5px; +} + +/* Container */ +.container { + max-width: 70%; + margin: auto; + overflow: hidden; + padding: 0 2rem; +} + +/* Text Styles */ +.text-xl { + font-size: 2rem; +} + +.text-lg { + font-size: 1.8rem; + margin-bottom: 1rem; +} + +.text-md { + margin-bottom: 1.5rem; + font-size: 1.2rem; +} + +.text-center { + text-align: center; +} + +.text-dark { + color: #999; +} + +/* Buttons */ +.btn { + display: inline-block; + background: var(--primary-color); + color: #fff; + padding: 0.4rem 1.3rem; + font-size: 1rem; + text-align: center; + border: none; + cursor: pointer; + margin-right: 0.5rem; + transition: opacity 0.2s ease-in; + outline: none; + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.45); + border-radius: 2px; +} + +.btn:hover { + opacity: 0.9; +} + +.btn-rounded { + border-radius: 5px; +} + +.btn-xl { + font-size: 2rem; + padding: 1.5rem 2.1rem; + text-transform: uppercase; +} + +.btn-lg { + font-size: 1rem; + padding: 0.8rem 1.3rem; + text-transform: uppercase; +} + +.btn-icon { + margin-left: 1rem; +} + +@media (max-width: 960px) { + + .showcase { + height: 70vh; + } + + .hide-sm { + display: none; + } + + .showcase-top img { + top: 30%; + left: 5%; + transform: translate(0); + } + + .showcase-content h1 { + font-size: 3.7rem; + line-height: 1; + } + + .showcase-content p { + font-size: 1.5rem; + } + + .footer .footer-cols { + grid-template-columns: repeat(2, 1fr); + } + + .btn-xl { + font-size: 1.5rem; + padding: 1.4rem 2rem; + text-transform: uppercase; + } + + .text-xl { + font-size: 1.5rem; + } + + .text-lg { + font-size: 1.3rem; + margin-bottom: 1rem; + } + + .text-md { + margin-bottom: 1rem; + font-size: 1.2rem; + } +} + +@media (max-width: 700px) { + .showcase::after { + background: rgba(0, 0, 0, 0.6); + box-shadow: inset 80px 80px 150px #000000, inset -80px -80px 150px #000000; + } + + .showcase-content h1 { + font-size: 2.5rem; + line-height: 1; + } + + .showcase-content p { + font-size: 1rem; + } + + #tab-1-content .tab-1-content-inner { + grid-template-columns: 1fr; + text-align: center; + } + + #tab-2-content .tab-2-content-top { + display: block; + text-align: center; + } + + #tab-2-content .tab-2-content-bottom { + margin-top: 2rem; + display: grid; + grid-template-columns: 1fr; + grid-gap: 2rem; + text-align: center; + } + + .btn-xl { + font-size: 1rem; + padding: 1.2rem 1.6rem; + text-transform: uppercase; + } +} + +@media(max-height: 600px) { + .showcase-content { + margin-top: 3rem; + } +} \ No newline at end of file