Skip to content

Commit

Permalink
at last completed
Browse files Browse the repository at this point in the history
  • Loading branch information
sahil-sahu committed May 6, 2021
1 parent c35896c commit b7a2280
Show file tree
Hide file tree
Showing 28 changed files with 821 additions and 424 deletions.
Binary file modified admin/favicon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
37 changes: 37 additions & 0 deletions allproj.css
Original file line number Diff line number Diff line change
@@ -1,5 +1,42 @@
/* ####### */
/* Animations */
.slider .caption{
margin-top: 20vh;
}
.parallaxer{
width: 100%;
height: auto;
background-image: url("images/singlebg.jpeg");
background-repeat: repeat;
background-attachment: fixed;
background-size: 100% auto;
}
.collector{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);overflow-x: hidden;
}
.slider.fullscreen {
width: 100%;
height: 70vh;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.slider.fullscreen ul.slides {
height: 70vh;
}

.slider.fullscreen ul.indicators {
z-index: 2;
bottom: 30px;
}
.caption h5{
margin: 2em auto;
}
@keyframes darker{
from{filter: brightness(100%);}
to{filter: brightness(55%);}
Expand Down
111 changes: 54 additions & 57 deletions allprojects.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,11 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<title>JRM | Creative & Innovative Designers</title>
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<meta name="keywords" content="jrm projects,interior architecture, bathroom, kitchen design, interior designers, modern interior, modern home, furniture, homedesign, interiors, interior designer, architecture, design, interior design, art, interior, architecture lovers, architect, home, homedecor, archilovers, arquitectura, building, construction, decor,, homedesign,, luxury, interiors, Bhubaneshwar, Bhubaneswar, bbsr, jrm, Odisha">
<meta name="description" content="Here's list of some our projects.">
<meta name="author" content="Contrivers">
<title>JRM | Projects by our team</title>
<link type="text/css" rel="stylesheet" href="materialize/css/materialize.css" media="screen,projection"/>
<link type="text/css" rel="stylesheet" href="bootstrap-4.5.3-dist/css/bootstrap.css" media="screen,projection"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
Expand All @@ -13,17 +16,10 @@
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="css/studio.css">
<link rel="stylesheet" href="css/service.css">
<link rel="stylesheet" href="css/tiles.css">
<link rel="stylesheet" href="css/text.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="allproj.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap" rel="stylesheet">
</head>
<body>
<!-- kjhj -->
<!-- oggy -->
<!-- Navbar -->
<nav>
<div class="navbar-fixed">
Expand All @@ -49,72 +45,69 @@
</ul>
</div>
</nav>

<ul class="sidenav" id="mobile-demo">
<li style="height: 4em;margin: 1em auto 1em auto;" class="logo"><a id="logo-container" href="/" class="brand-logo">
<img style="height: 4em;" src="images/favicon.png" alt=""></a></li>
<li><a class="popy" href="/">Home</a></li>
<li><a class="popy sidenav-close" href="#tofooter">Contact us</a></li>
<li class="sidenav-close"><a class="popy" href="#tofooter">Contact us</a></li>
<li><a style="margin-left: 2em;" href="tel:8249558192"> <small>+918249558192</small></a></li>
<li><a style="margin-left: 2em;" href="mailto:[email protected]"><small>[email protected]</small></a></li>
<li><a class="popy">Categories</a>
<ul class="subnav" id="smallapp">
<li class="sidenav-close"><a onclick="showall()">All</a></li>
</ul>
</li>

</ul>
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
<li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="d-block w-100"><img class="caro-img" src="https://firebasestorage.googleapis.com/v0/b/jrm-f76c0.appspot.com/o/media%2Fjoshua-ness-Vo52cKzOxMY-unsplash.jpg?alt=media&token=6d6efcb0-8e92-4bd8-952d-405cc13f0113" alt=""></div>
<div class="carousel-caption d-none d-md-block">
<div class="dabba"><h3>DN Oxy Homes <br>(Bhubaneswar)</h3></div>
</div>
<div class="slider fullscreen">
<ul class="slides">
<li>
<img style="filter:brightness(25%);" src="https://images.pexels.com/photos/389818/pexels-photo-389818.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=1920&w=1080"> <!-- random image -->
<div class="caption center-align">
<h3>Some of our projects</h3>
<h5 class="light grey-text text-lighten-3">Below pictures are taken from our clients designs and builds.</h5>
</div>
<div class="carousel-item">
<div class="d-block w-100"><img class="caro-img" src="https://firebasestorage.googleapis.com/v0/b/jrm-f76c0.appspot.com/o/media%2Fluke-van-zyl-koH7IVuwRLw-unsplash.jpg?alt=media&token=821bfa7f-6c17-4b32-8081-089ea4c036d3" class="d-block w-100" alt="..."></div>
<div class="carousel-caption d-none d-md-block">
<div class="dabba"><h3>Cosmopolis <br>(Bhubaneswar)</h3></div>
</div>
</li>
<li>
<img style="filter:brightness(30%);" src="https://images.pexels.com/photos/1090638/pexels-photo-1090638.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=1920&w=1080"> <!-- random image -->
<div class="caption left-align">
<h3>Give us rating on google</h3>
<h5 class="light grey-text text-lighten-3">Link in in the footer</h5>
</div>
<div class="carousel-item">
<div class="d-block w-100"><img class="caro-img" src="https://firebasestorage.googleapis.com/v0/b/jrm-f76c0.appspot.com/o/media%2Fpexels-joey-342800.jpg?alt=media&token=730680ca-76ca-42ca-8cb0-ea0f0b4b7b54" class="d-block w-100" alt="..."></div>
<div class="carousel-caption d-none d-md-block">
<div class="dabba"><h3>Tata Arenia <br>(Bhubaneswar)</h3></div>
</div>
</li>
<li>
<img style="filter:brightness(60%);" src="https://images.pexels.com/photos/2923034/pexels-photo-2923034.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=1920&w=1080"> <!-- random image -->
<div class="caption right-align">
<h3>We hope you will like it.</h3>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</li>
</ul>
</div>
<div class="show-design">
<h3 class="underline-b" id="heading" style="width: 10em;color: black;">OUR PROJECTS</h3>
<h3 class="underline-b" id="heading" style="width: 10em;color: black; margin-top: 70vh;">OUR PROJECTS</h3>
<div class="my-gallery">
</div>
</div>

<div class="parallax-container" style="height: auto;">
<div class="parallax"><img style="width: 100%;filter: brightness(10%);" src="https://firebasestorage.googleapis.com/v0/b/jrm-f76c0.appspot.com/o/media%2Falex-wong-l5Tzv1alcps-unsplash.jpg?alt=media&token=1fa95e12-bab6-4aad-bcfa-98be22c09655"></div>
<div class="parallaxer" style="height: auto;">
<div class="collector" style="background-color: rgba(0,0,0,0.8);">
<!-- footer starts -->
<footer class="site-footer" id="tofooter">
<div class="container">
<div class="row">
<div class="col-sm-9 col-md-9" id="tab-about">
<h2>About</h2>
<p class="text-justify">JRMBuildingSolutions is a group of architects, designers and thinkers who value the transformative role of ideas and the capacity for architecture to inspire. Here we are actively engaged in the creation of contextually appropriate solutions within an increasingly changing world. It is a design studio focusing primarily on the fields of Architecture, Interior Design and Landscaping. The studio provides a comprehensive design service encompassing all elements of the designing process, from meticulously detailed and crafted bespoke furniture and interior design, to larger scale projects including extension and refurbishment projects as well as new builds. An energetic team of in-house architects works intensively with engineers, consultants, designers and the client, welcoming new insights that can lead to specific innovative solutions. Our team is dedicated to unique design approaches adapted to each project, and achieving a balance between functionality & aesthetics, context, climate.</p>
<p class="text-justify">JRMBuildingSolutions is a group of architects, designers and thinkers situated at Bhubaneswar,Odisha who value the transformative role of ideas and the capacity for architecture to inspire. Here we are actively engaged in the creation of contextually appropriate solutions within an increasingly changing world. It is a design studio focusing primarily on the fields of Architecture, Interior Design and Landscaping.</p>
<p><img style="height: 2em; margin: 0.7em;" src="https://firebasestorage.googleapis.com/v0/b/jrm-f76c0.appspot.com/o/media%2Ficons8-star-96.png?alt=media&token=d59a564e-e909-4767-b78f-d153a271bf62" alt="">Rate us on Google <a href="https://goo.gl/maps/MQGk71QLj95iUqBH7" target="_blank">here</a> </p>
</div>
<div class="col-xs-3 col-sm-3 col-md-3">
<h2>Quick Links</h2>
<ul class="footer-links">
<li><a href="allprojects.html">PROJECTS</a></li>
<li><a href="#">SERVICES</a></li>
<li><a href="a/">HOME</a></li>
<li><a href="#">PROJECTS</a></li>
<li><a href="https://drive.google.com/folderview?id=1K8YVyVaZ-VG6-9zl3ZI3WvasYil35jwI" target="_blank">CATALOGUE</a></li>
<li>CALL US:<a class="" href="tel:8249558192"> +918249558192</a></li>
<li style="overflow: visible; width: max-content;">EMAIL:<a class="" href="mailto:[email protected]"> [email protected]</a></li>
</ul>
</div>
</div>
Expand All @@ -128,20 +121,24 @@ <h2>Quick Links</h2>

<div class="col-md-4 col-sm-6 col-xs-12">
<ul class="social-icons">
<a class="facebook" href="#"><img src="https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-facebook-circle-128.png"></a>
<a class="linkedin" href="#"><img src="https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-linkedin-circle-128.png"></a>
<a class="instagram" href="#"><img src="https://cdn3.iconfinder.com/data/icons/2018-social-media-logotypes/1000/2018_social_media_popular_app_logo_instagram-128.png"></a>
<a class="twitter" href="#"><img src="https://cdn4.iconfinder.com/data/icons/social-media-icons-the-circle-set/48/twitter_circle-128.png"></a>
<a class="telegram" href="#"><img src="https://cdn3.iconfinder.com/data/icons/social-icons-33/512/Telegram-128.png"></a>
<a class="whatsapp" href="#"><img src="https://cdn3.iconfinder.com/data/icons/2018-social-media-logotypes/1000/2018_social_media_popular_app_logo-whatsapp-128.png"></a>
<a class="mail" href="#"><img src="https://cdn2.iconfinder.com/data/icons/social-icons-circular-color/512/gmail-128.png"></a>
<a class="facebook" href="https://www.facebook.com/" target="_blank"><img src="https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-free/128/social-facebook-circle-128.png"></a>

<a class="instagram" href="https://www.instagram.com/" target="_blank"><img src="https://cdn3.iconfinder.com/data/icons/2018-social-media-logotypes/1000/2018_social_media_popular_app_logo_instagram-128.png"></a>

<a class="" href="tel:+918249558192"><img src="https://cdn1.iconfinder.com/data/icons/jetflat-devices-vol-5/90/0094_003_call_volume_phone_mobile_connect_ring_ringtone_ringing-128.png"></a>

<a class="whatsapp" href="https://wa.me/c/918249558192" target="_blank"><img src="https://cdn3.iconfinder.com/data/icons/2018-social-media-logotypes/1000/2018_social_media_popular_app_logo-whatsapp-128.png"></a>

<a class="mail" href="mailto:[email protected]" target="_blank"><img src="https://cdn2.iconfinder.com/data/icons/social-icons-circular-color/512/gmail-128.png"></a>

</ul>
</div>
</div>
</div>
</footer>
<!-- footer ends -->
</div>
</div>
</div>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="/__/firebase/8.0.2/firebase-app.js"></script>

Expand Down
103 changes: 67 additions & 36 deletions css/caro.css
Original file line number Diff line number Diff line change
@@ -1,46 +1,63 @@
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Handlee);
/* @import url(https://fonts.googleapis.com/css?family=Roboto); */
/* @import url(https://fonts.googleapis.com/css?family=Handlee); */
body{background-color:rgba(255, 244, 225,0.3);}
.carousel{height: 100vh; overflow: hidden;}
.carousel-item{
overflow: hidden;
height: 100vh;
.navbar-fixed{
max-width: 130em;
margin: auto;
}

.heading{
display: flex;
justify-content: center;
}
.carousel-item img{filter: brightness(68%);height: 100%;overflow-x: hidden;}
.carousel-caption .dabba{
margin-left :31.6vw;
.m-container{
text-align: center;
width: 20em;
background-color: rgba(196, 196, 196,0.6);
height: 5.5em;
}
.carousel-caption .dabba h3{font-weight: 500;}
/*.carousel-caption::after{
content: '';
height: 6em;
width: 100%;
}*/
.caro-img{
width: 100%;
height: 100%;
}
@media only screen and (max-width:800px){
.caro-img{
transform:scale(0.7) translate(-25%,-25%);
left: 50%;
top: 50%;
width:auto;
height: 100%;
}
max-width: 80em;
margin: 100vh auto 3em auto;
align-self: center;
visibility: hidden;
}
@media only screen and (max-width: 412px) {
.caro-img{transform: scale(0.55) translate(-75%,-50%);}
}
.heading{

height: fit-content;

}
.slider , .slides{
height: 100vh;
}
.slider .caption{
margin-top: 25vh;
}
.indicator-item{
transform: scale(0.8);
color: black;
}

.m-container p{
font-size: medium;
}
.slider img {
filter: brightness(45%);
}

.caption h5{
margin: 2em auto;
}

.show-design{
padding: 20px;
width: 100%;
}

.m-container p{
overflow: hidden;
}

@keyframes upar_se {
from{opacity: 0;transform: translateY(100vh) scale(0);}
to{opacity: 1;transform: translateY(0vh) scale(1);}
}

.dabba h3{
padding-top: 10px;
}
Expand Down Expand Up @@ -73,7 +90,7 @@ body{background-color:rgba(255, 244, 225,0.3);}
text-align: center;
margin-top: 1em;
}
h3,h4{
h3,h4,.show-design h2{
top: 0px;
text-align: center;
height: 1.5em;
Expand Down Expand Up @@ -101,6 +118,8 @@ h4{height: 1.4em;}
overflow: visible;
height: 380px;
padding-bottom: 1em;
max-width: 90em;
margin: auto;
}
@media only screen and (max-width: 800px) {
.my-gallery{height: 570px;}
Expand Down Expand Up @@ -153,6 +172,7 @@ h4{height: 1.4em;}
max-width: 77%;
align-self: center;
align-items: center;
visibility: hidden;
}
@media screen and (max-width: 600px) {
.card-zipper{
Expand Down Expand Up @@ -252,4 +272,15 @@ h4{height: 1.4em;}
.gallery-note{
display: block;
background-color:rgba(255, 244, 225,0.3);
}

@keyframes ubhar {
from{opacity: 0;transform:scale(0); }
to{opacity: 1;transform: scale(1);}
}
.card,.service,.product{
transition: 0.5s;
}
.card-area .card:hover,.service:hover,.product:hover{
transform: translateY(-0.6em);
}
Loading

0 comments on commit b7a2280

Please sign in to comment.