Эхлэл Бүгдийг харах Тусламж
Нэвтрэх
tigerphp
/
stagfe
4
0
Салаа 0
Файлууд Асуудлууд 0 Хуулах хүсэлтүүд 0 Мэдлэгийн сан
Эх сурвалжийг харах

Layout for patient start/join pages

Vijayakrishnan 5 жил өмнө
parent
8011b1a1b6
commit
89c6391920
3 өөрчлөгдсөн 114 нэмэгдсэн , 208 устгасан
Өөрчлөллтийг нэгтгэж харах Өөрчлөлтийн статистик харах
  1. 3 104
      resources/views/join.blade.php
  2. 108 0
      resources/views/layouts/guest-home.blade.php
  3. 3 104
      resources/views/start.blade.php

+ 3 - 104
resources/views/join.blade.php
Файл харах 

@@ -1,105 +1,5 @@
 
-<!DOCTYPE html>
 
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
-<head>
 
-    <meta charset="utf-8">
 
-    <meta name="viewport" content="width=device-width, initial-scale=1">
 
-
 
-    <title>X•Y•Z</title>
 
-
 
-    <!-- Fonts -->
 
-    <link href="https://fonts.googleapis.com/css?family=Nunito:200,600,700" rel="stylesheet">
 
-
 
-    {{-- Bootstrap --}}
 
-    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
 
-    <link rel="stylesheet" href="/css/bootstrap.min.css">
 
-
 
-    <!-- Styles for patient home -->
 
-    <style>
 
-        html, body {
 
-            background-color: #fff;
 
-            color: #636b6f;
 
-            font-family: 'Nunito', sans-serif;
 
-            font-weight: 200;
 
-            height: 100vh;
 
-            margin: 0;
 
-        }
 
-
 
-        body {
 
-            background-image: url(/images/patient-home-banner.jpg);
 
-            background-size: 100% auto;
 
-            background-position: top center;
 
-        }
 
-
 
-        @media (max-width: 900px) {
 
-            body {
 
-                background-size: auto 100%;
 
-            }
 
-        }
 
-
 
-        h1 {
 
-            color: #555;
 
-            width: 50%;
 
-            text-align: center;
 
-        }
 
-
 
-        @media (max-width: 900px) {
 
-            h1 {
 
-                width: auto;
 
-                text-align: center;
 
-                font-size: 2rem;
 
-                text-shadow: 1px 1px 2px #c0e4e2;
 
-            }
 
-        }
 
-
 
-        @media (max-width: 400px) {
 
-            h1 {
 
-                font-size: 1.75rem;
 
-                text-shadow: 1px 1px 2px #c0e4e2;
 
-            }
 
-        }
 
-
 
-        .form-container {
 
-            width: 50%;
 
-            margin-right: auto;
 
-        }
 
-
 
-        @media (max-width: 900px) {
 
-            .form-container {
 
-                margin: auto;
 
-                width: 100%;
 
-            }
 
-        }
 
-
 
-        .form-container .form {
 
-            background: #ffffffd1;
 
-            max-width: 400px;
 
-            margin: auto;
 
-            border-radius: 4px;
 
-        }
 
-
 
-        .form-container .form h3 {
 
-            font-size: 1.3rem;
 
-        }
 
-
 
-        .border-success {
 
-            border-color: #44bdad85 !important;
 
-        }
 
-
 
-        .text-dark {
 
-            color: #555;
 
-            font-weight: 600;
 
-        }
 
-
 
-        .form-container .form input {
 
-            border-color: #44bdad85 !important;
 
-        }
 
-
 
-        .form-container .form input:focus {
 
-            box-shadow: 0 0 0 0.2rem #44bdad85;
 
-        }
 
-    </style>
 
-</head>
 
-<body class="px-3 px-md-5 py-5">
 
+@extends('layouts.guest-home')
 
+@section('content')
 
 
 
 {{-- top text --}}
 
 {{-- top text --}}
 
 <div class="d-flex">
 
 <div class="d-flex">
 
@@ -121,5 +21,4 @@
 
     </div>
 
     </div>
 
 </div>
 
 </div>
 
 
 
-</body>
 
-</html>
 
+@endsection

+ 108 - 0
resources/views/layouts/guest-home.blade.php
Файл харах 

@@ -0,0 +1,108 @@
 
+<!DOCTYPE html>
 
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
+<head>
 
+    <meta charset="utf-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
+
 
+    <title>X•Y•Z</title>
 
+
 
+    <!-- Fonts -->
 
+    <link href="https://fonts.googleapis.com/css?family=Nunito:200,600,700" rel="stylesheet">
 
+
 
+    {{-- Bootstrap --}}
 
+    <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
 
+    <link rel="stylesheet" href="/css/bootstrap.min.css">
 
+
 
+    <!-- Styles for patient home -->
 
+    <style>
 
+        html, body {
 
+            background-color: #fff;
 
+            color: #636b6f;
 
+            font-family: 'Nunito', sans-serif;
 
+            font-weight: 200;
 
+            height: 100vh;
 
+            margin: 0;
 
+        }
 
+
 
+        body {
 
+            background-image: url(/images/patient-home-banner.jpg);
 
+            background-size: 100% auto;
 
+            background-position: top center;
 
+            background-attachment: fixed;
 
+        }
 
+
 
+        @media (max-aspect-ratio: 16/11) {
 
+            body {
 
+                background-size: auto 100%;
 
+            }
 
+        }
 
+
 
+        h1 {
 
+            color: #555;
 
+            width: 50%;
 
+            text-align: center;
 
+        }
 
+
 
+        @media (max-width: 900px) {
 
+            h1 {
 
+                width: auto;
 
+                text-align: center;
 
+                font-size: 2rem;
 
+                text-shadow: 1px 1px 2px #c0e4e2;
 
+            }
 
+        }
 
+
 
+        @media (max-width: 400px) {
 
+            h1 {
 
+                font-size: 1.75rem;
 
+                text-shadow: 1px 1px 2px #c0e4e2;
 
+            }
 
+        }
 
+
 
+        .form-container {
 
+            width: 50%;
 
+            margin-right: auto;
 
+        }
 
+
 
+        @media (max-width: 900px) {
 
+            .form-container {
 
+                margin: auto;
 
+                width: 100%;
 
+            }
 
+        }
 
+
 
+        .form-container .form {
 
+            background: #ffffffd1;
 
+            max-width: 400px;
 
+            margin: auto;
 
+            border-radius: 4px;
 
+        }
 
+
 
+        .form-container .form h3 {
 
+            font-size: 1.3rem;
 
+        }
 
+
 
+        .border-success {
 
+            border-color: #44bdad85 !important;
 
+        }
 
+
 
+        .text-dark {
 
+            color: #555;
 
+            font-weight: 600;
 
+        }
 
+
 
+        .form-container .form input {
 
+            border-color: #44bdad85 !important;
 
+        }
 
+
 
+        .form-container .form input:focus {
 
+            box-shadow: 0 0 0 0.2rem #44bdad85;
 
+        }
 
+    </style>
 
+</head>
 
+<body class="px-3 px-md-5 py-5">
 
+
 
+@yield('content')
 
+
 
+</body>
 
+</html>

+ 3 - 104
resources/views/start.blade.php
Файл харах 

@@ -1,105 +1,5 @@
 
-<!DOCTYPE html>
 
-<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
 
-    <head>
 
-        <meta charset="utf-8">
 
-        <meta name="viewport" content="width=device-width, initial-scale=1">
 
-
 
-        <title>X•Y•Z</title>
 
-
 
-        <!-- Fonts -->
 
-        <link href="https://fonts.googleapis.com/css?family=Nunito:200,600,700" rel="stylesheet">
 
-
 
-        {{-- Bootstrap --}}
 
-        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
 
-        <link rel="stylesheet" href="/css/bootstrap.min.css">
 
-
 
-        <!-- Styles for patient home -->
 
-        <style>
 
-            html, body {
 
-                background-color: #fff;
 
-                color: #636b6f;
 
-                font-family: 'Nunito', sans-serif;
 
-                font-weight: 200;
 
-                height: 100vh;
 
-                margin: 0;
 
-            }
 
-
 
-            body {
 
-                background-image: url(/images/patient-home-banner.jpg);
 
-                background-size: 100% auto;
 
-                background-position: top center;
 
-            }
 
-
 
-            @media (max-width: 900px) {
 
-                body {
 
-                    background-size: auto 100%;
 
-                }
 
-            }
 
-
 
-            h1 {
 
-                color: #555;
 
-                width: 50%;
 
-                text-align: center;
 
-            }
 
-
 
-            @media (max-width: 900px) {
 
-                h1 {
 
-                    width: auto;
 
-                    text-align: center;
 
-                    font-size: 2rem;
 
-                    text-shadow: 1px 1px 2px #c0e4e2;
 
-                }
 
-            }
 
-
 
-            @media (max-width: 400px) {
 
-                h1 {
 
-                    font-size: 1.75rem;
 
-                    text-shadow: 1px 1px 2px #c0e4e2;
 
-                }
 
-            }
 
-
 
-            .form-container {
 
-                width: 50%;
 
-                margin-right: auto;
 
-            }
 
-
 
-            @media (max-width: 900px) {
 
-                .form-container {
 
-                    margin: auto;
 
-                    width: 100%;
 
-                }
 
-            }
 
-
 
-            .form-container .form {
 
-                background: #ffffffd1;
 
-                max-width: 400px;
 
-                margin: auto;
 
-                border-radius: 4px;
 
-            }
 
-
 
-            .form-container .form h3 {
 
-                font-size: 1.3rem;
 
-            }
 
-
 
-            .border-success {
 
-                border-color: #44bdad85 !important;
 
-            }
 
-
 
-            .text-dark {
 
-                color: #555;
 
-                font-weight: 600;
 
-            }
 
-
 
-            .form-container .form input {
 
-                border-color: #44bdad85 !important;
 
-            }
 
-
 
-            .form-container .form input:focus {
 
-                box-shadow: 0 0 0 0.2rem #44bdad85;
 
-            }
 
-        </style>
 
-    </head>
 
-    <body class="px-3 px-md-5 py-5">
 
+@extends('layouts.guest-home')
 
+@section('content')
 
 
 
     {{-- top text --}}
 
     {{-- top text --}}
 
     <div class="d-flex">
 
     <div class="d-flex">
 
@@ -124,5 +24,4 @@
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
 
 
-    </body>
 
-</html>
 
+@endsection