관리-도구
편집 파일: index.blade.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Best Life Interiors</title> <meta name="description" content=""> <meta name="author" content=""> <!-- Favicons ================================================== --> <link rel="shortcut icon" href="img/blifelogo2.png" type="image/x-icon"> <link rel="apple-touch-icon" href="img/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png"> <!-- Bootstrap --> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css"> <!-- Stylesheet ================================================== --> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/nivo-lightbox/nivo-lightbox.css"> <link rel="stylesheet" type="text/css" href="css/nivo-lightbox/default.css"> <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet"> <style> .row.align-items-center { display: flex; align-items: center; } .d-flex { display: flex; } .justify-content-center { justify-content: center; } </style> </head> <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> <!-- Navigation ==========================================--> <nav id="menu" class="navbar navbar-default navbar-fixed-top glass-nav"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand page-scroll" href="#page-top"><img src="img/blifelogo2.png" alt="" width="200" style="margin-top:-50px;"></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a href="#about" class="page-scroll"><b>About</b></a></li> <li><a href="#services" class="page-scroll"><b>Services</b></a></li> <li><a href="#projects" class="page-scroll"><b>Projects</b></a></li> <li><a href="#contact" class="page-scroll"><b>Contact</b></a></li> </ul> </div> <!-- /.navbar-collapse --> </div> </nav> <style> .glass-nav { background: rgba(255, 255, 255, 0.1); /* transparent white */ backdrop-filter: blur(10px); /* frosted glass effect */ -webkit-backdrop-filter: blur(10px); /* for Safari */ border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); transition: background 0.3s ease; } @font-face { font-family: 'MyCustomFont1'; src: url('fonts/T0000-WOFF/House District - Slant.woff') format('truetype'); font-weight: normal; font-style: normal; } .glass-heading { /*font-family: 'MyCustomFont1', sans-serif;*/ font-size: 3rem; color: white; background: rgba(255, 255, 255, 0.1); /* translucent background */ backdrop-filter: blur(10px); /* glass blur effect */ -webkit-backdrop-filter: blur(10px); /* Safari support */ padding: 20px 40px; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); display: inline-block; } </style> <!-- Header --> <header id="header"> <div class="intro"> <div class="overlay"> <div class="container"> <div class="row"> <div class="intro-text"> <h1 class="glass-heading"><strong>Best Life Interiors</strong></h1> <p>Transforming spaces with modern and innovative interior design solutions.</p> <a href="#about" class="btn btn-custom btn-lg page-scroll">Learn More</a> </div> </div> </div> </div> </div> </header> <!-- About Section --> <div id="about"> <div class="container"> <div class="section-title text-center center"> <h2>Our Story</h2> <hr> </div> <div class="row align-items-center"> <div class="col-xs-12 col-md-6 text-center d-flex justify-content-center"> <img src="img/ourstory.jpg" class="img-responsive" alt=""> </div> <div class="col-xs-12 col-md-6"> <div class="about-text"> <h3>Our Mission</h3> <p>Work according to the dreams of customers exciting things happen in the design. We deliver our service to bring a new and unique face to the design world and create happiness around you.</p> <h3>Our Company</h3> <p>B'life Interiors has evolved into an expert in the interior design of high-quality residential and commercial projects. We are always delivering high standards in the design industry. Our team is specialised in researching and observing emerging trends, and we always want to go beyond the update.</p> <h3>Our Passion</h3> <p>We always love to find more than just trends in materials, finishes, textures, and craftsmanship to be extraordinary. We wish to create trendy days all the time with the new invention of interior technologies. Our expert's professional team is always dedicated to giving more than expectations.</p> </div> </div> </div> </div> </div> <!-- Services Section --> <div id="services"> <div class="container"> <div class="col-md-10 col-md-offset-1 section-title text-center"> <h2>Our Services</h2> <hr> <!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p> --> </div> <div class="row p-5"> @foreach($services as $service) <div class="col-xs-12 col-sm-4 service text-center"> <img src="{{ asset('storage/' . $service->image) }}" width="70" height="70" class="img-responsive" alt="{{ $service->title }}"> <h3>{{ $service->title }}</h3> <p></p> {{-- Add description here if available --}} </div> @endforeach </div> </div> </div> <!-- Portfolio Section --> <div id="projects"> <div class="container"> <div class="section-title text-center center"> <h2>Projects</h2> <hr> <!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p> --> </div> <div class="row"> <div class="portfolio-items"> @foreach($testimonials as $testimonial) <div class="col-sm-6 col-md-4 col-lg-4 residential"> <div class="portfolio-item"> <div class="hover-bg"> <a href="{{ asset('storage/' . $testimonial->image) }}" title="Project Title" data-lightbox-gallery="gallery1"> <div class="hover-text"> <!-- <h4>Project Name</h4> --> </div> <img src="{{ asset('storage/' . $testimonial->image) }}" class="img-responsive fixed-size" alt="Project Title"> </a> </div> </div> </div> @endforeach </div> </div> </div> </div> <style> .fixed-size { width: 100%; height: 250px; /* You can change this as needed */ object-fit: cover; border-radius: 5px; } </style> <!-- Contact Section --> <div id="contact"> <div class="container"> <div class="section-title text-center"> <h2>Contact Us</h2> <hr> <!-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed dapibus leonec.</p> --> </div> <div class="col-md-4"> <h3>Contact Info</h3> <div class="contact-item"> <span>Address</span> <p>1st Floor, AVM Tower, Main Road,<br> Koorkenchery, Thrissur-680007, Kerala<br> </p> </div> <div class="contact-item"> <span>Email</span> <p>blifeinteriors2012@gmail.com</p> </div> <div class="contact-item"> <span>Phone</span> <p> 9526476999, 7902561306, 9847436712</p> </div> <h3>FActory Address</h3> <div class="contact-item"> <span>Address</span> <p>XIII/141,Mulakkal Industries, Palissery P.O Thrissur, Kerala, 680027<br> </p> </div> <div class="contact-item"> <span>Email</span> <p>blbrandfactory@gmail.com</p> </div> <div class="contact-item"> <span>Phone</span> <p>9526476999</p> </div> </div> <div class="col-md-8"> <h3>Leave us a message</h3> <form name="sentMessage" id="contactForm" novalidate> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" id="name" class="form-control" placeholder="Name" required="required"> <p class="help-block text-danger"></p> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="email" id="email" class="form-control" placeholder="Email" required="required"> <p class="help-block text-danger"></p> </div> </div> </div> <div class="form-group"> <textarea name="message" id="message" class="form-control" rows="4" placeholder="Message" required></textarea> <p class="help-block text-danger"></p> </div> <div id="success"></div> <button type="submit" class="btn btn-custom btn-lg">Send Message</button> </form> </div> </div> </div> <div id="footer"> <div class="container text-center"> <div class="social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-twitter"></i></a></li> <li><a href="#"><i class="fa fa-google-plus"></i></a></li> <li><a href="#"><i class="fa fa-pinterest"></i></a></li> <li><a href="#"><i class="fa fa-youtube"></i></a></li> </ul> </div> <div> <p>©All rights reserved. Developed by <a href="http://www.ictglobeltech.com" rel="nofollow">ICT Global Tech PVT LTD</a></p> </div> </div> </div> <script type="text/javascript" src="js/jquery.1.11.1.js"></script> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/SmoothScroll.js"></script> <script type="text/javascript" src="js/nivo-lightbox.js"></script> <script type="text/javascript" src="js/jquery.isotope.js"></script> <script type="text/javascript" src="js/jqBootstrapValidation.js"></script> <script type="text/javascript" src="js/contact_me.js"></script> <script type="text/javascript" src="js/main.js"></script> </body> </html>