Added Project

assets/css/style.css

@@ -0,0 +1,272 @@
+@import url('https://fonts.googleapis.com/css2?family=Spline+Sans+Mono:ital,wght@0,300..700;1,300..700&display=swap');
+
+html{
+    scroll-behavior: smooth;
+}
+body{
+    font-family: "Spline Sans", sans-serif;
+    color: #777;
+    line-height: 1.7;
+}
+
+
+h1, h2, h3, h4, h5, h6{
+    font-weight: 600;
+    color: black;
+}
+
+a{
+    color: #222;
+    text-decoration: none;
+    transition: all 0.4s;
+    font-weight: 600;
+}
+
+a:hover{
+    color: #f58d17;
+}
+
+img{
+    width: 100%;
+}
+
+section{
+    padding-top: 65px;
+    padding-bottom: 100px;
+}
+
+.shadow-on-hover{
+    transition: all 0.3s;
+}
+
+.shadow-on-hover:hover{
+    box-shadow: 0 10px 40px rgba(0,0,0,0.1);
+}
+
+/* Btn */
+.btn{
+    border-radius: 0;
+    padding: 14px 38px;
+}
+.btn-brand{
+    color: white;
+    background-color: #f58d17;
+    font-weight: 500;
+    border-color:#f58d17;
+}
+
+.btn-brand:hover{
+    border-color:  #d37810;
+    background-color: #d37810;
+    color: white;
+}
+
+
+/* Slider */
+
+.bg-cover{
+    background-position: center !important;
+    background-size: cover !important;
+    background-repeat: no-repeat !important;
+}
+
+.slide-3{
+    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/hero4.jpg');
+}
+
+.slide-1{
+    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/hero1.jpg');
+}
+
+.slide-2{
+    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/hero2.jpg');
+}
+
+#heroSlider h6::after,
+#heroSlider h6::before{
+    content: " ";
+    width: 40px;
+    height: 4px;
+    background-color: #fff;
+    display: inline-block;
+    margin: 13px;
+    vertical-align: middle;
+}
+
+.carousel-control-prev, 
+.carousel-control-next{
+    background-color: rgba(0,0,0,0.6);
+    width: 40px;
+    height: 70px;
+    margin: auto;   
+}
+
+/* About  */
+#about .divider{
+    width: 60px;
+    height: 2px;
+    display: block;
+    background-color: #f58d17;
+}
+
+/* Intro text */
+.intro-text{
+    margin-bottom: 40px;
+    text-align: center;
+}
+
+.intro-text p{
+    max-width: 500px;
+    margin: 16px auto 0 auto;
+}
+
+
+/* Menu */
+#menu .nav-pills .nav-link{
+    background-color: #fff;
+    margin-left: 8px;
+    margin-right: 8px;
+    color: #222;
+    border-radius: 100px;
+    box-shadow: 0 10px 40px rgba(0,0,0,0.1)
+}
+
+#menu .nav-pills .nav-link.active{
+    background-color: #f58d17;
+    color: #fff;
+}
+
+
+.menu-item .stars{
+    color: #f58d17;
+}
+
+.menu-item-content{
+    height: 221.1px;
+}
+
+
+/* Features */
+#features{
+    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/a.webp');
+}
+
+.feature{
+    border: 2px solid rgba(255, 255, 255, 0.2);
+}
+
+.feature .feature-icon{
+    width: 80px;
+    height: 80px;
+    background-color: #f58d17;
+    color: #fff;
+    font-size: 28px;
+    display: inline-grid;
+    align-content: center;
+    text-align: center;
+}
+
+
+/* Team */
+.team-member img{
+    max-width: 140px;
+    box-shadow: -10px -10px 0 #f58d17;
+    border-radius: 100px;
+}
+
+
+/* Reviews */
+#reviews{
+    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('../images/client_bg.jpg');
+}
+
+.review img{
+    width: 75px;
+    height: 75px;
+    object-fit: cover;
+}
+
+.review .quote-icon{
+    font-size: 74px;
+    color: #f58d17;
+    line-height: 1
+}
+
+.review .stars{
+    color: #f58d17;
+}
+
+#reviews .carousel-indicators{
+    margin-bottom: -3rem;
+}
+
+
+/* Reservation */
+#reservation .form-control{
+    border-radius: 0;
+}
+
+#reservation .form-control:focus{
+    box-shadow: none;
+    border-color: #f58d17;
+}
+
+#reservation input.form-control{
+    height: 47px;
+}
+
+.msg-height{
+    height: 100px;
+}
+
+
+/* Blog Post */
+.blog-post img{
+    /* width: 40%; */
+    width: 175px;
+    object-fit: cover;
+}
+
+/* @media (max-width: 992px){
+.blog-post img{
+    width: 35%;
+} */
+
+@media (max-width: 768px){
+    .blog-post{
+        flex-direction: column;
+    }
+    .blog-post img{
+        width: 100%;
+    }
+}
+
+/* Footer */
+footer{
+    /* background-color: #222f3d; */
+    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('../images/footer.jpg');
+    padding-top: 70px;
+    padding-bottom: 30px;
+}
+
+.footer-top{
+    margin-bottom: 30px;
+}
+
+footer a{
+    color: rgba(255, 255, 255, 0.75);
+}
+
+footer p{
+    color: rgba(255, 255, 255, 0.75);
+}
+
+footer .social-links a{
+    font-weight: normal;
+    font-size: 24px;
+}
+
+.footer-bottom{
+    padding-top: 15px;
+    border-top: 1px solid rgba(255, 255, 255, 0.75);
+}