aishahyaacob
5 months ago
29
14
Laravel

Add image as background

Posted 5 months ago by aishahyaacob

how can i add image as a background? below is the code

<!doctype html>
<html lang="{{ app()->getLocale() }}">
   <head>
       <meta charset="utf-8">
       <meta http-equiv="X-UA-Compatible" content="IE=edge">
       <meta name="viewport" content="width=device-width, initial-scale=1">

       <title>Laravel</title>

       <!-- Fonts -->
       <link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">

       <!-- Styles -->
       <style>
           html, body {
               background-image: url("/sms/image.jpg");
               background-color: #87CEEB;
               color: #636b6f;
               /*font-family: 'Raleway', sans-serif;*/
               font-weight: 100;
               height: 100vh;
               margin: 0;
           }

           .full-height {
               height: 100vh;
           }

           .flex-center {
               align-items: center;
               display: flex;
               justify-content: center;
           }

           .position-ref {
               position: relative;
           }

           .top-right {
               position: absolute;
               right: 10px;
               top: 18px;
           }

           .content {
               text-align: center;
           }

           .title {
               font-size: 60px;
           }

           .links > a {
               color: #636b6f;
               padding: 0 25px;
               font-size: 12px;
               font-weight: 600;
               letter-spacing: .1rem;
               text-decoration: none;
               text-transform: uppercase;
           }

           .m-b-md {
               margin-bottom: 30px;
           }
       </style>
   </head>
   <body>
       <div class="flex-center position-ref full-height">
           @if (Route::has('login'))
               <div class="top-right links">
                   @auth
                       <a href="{{ url('/home') }}">Home</a>
                   @else
                       <a href="{{ route('login') }}">Login</a>
                       <a href="{{ route('register') }}">Register</a>
                   @endauth
               </div>
           @endif

           <div class="content">
               <div class="title m-b-md">
                  WEB BASED STRESS MANAGEMENT SYSTEM USING STUDENT ACADEMIC STRESS SCALE (SASS)
               </div>

               <div class="links">
                   <a href="https://laravel.com/docs"></a>
                   <a href="https://laracasts.com"></a>
                   <a href="https://laravel-news.com"></a>
                   <a href="https://forge.laravel.com"></a>
                   <a href="https://github.com/laravel/laravel"></a>
               </div>
           </div>
       </div>
   </body>
</html>



Please sign in or create an account to participate in this conversation.