Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <link rel="stylesheet" href="./css/script.css">
  8.     <!-- Font Awesome -->
  9.     <link
  10.    href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css"
  11.    rel="stylesheet"
  12.    />
  13.     <!-- Google Fonts -->
  14.     <link
  15.    href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap"
  16.    rel="stylesheet"
  17.    />
  18.     <!-- MDB -->
  19.     <link
  20.    href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.10.1/mdb.min.css"
  21.    rel="stylesheet"
  22.    />
  23.     <!-- MDB -->
  24.     <script
  25.    type="text/javascript"
  26.    src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.10.1/mdb.min.js"
  27.    ></script>
  28.     <title>Contact</title>
  29. </head>
  30. <body>
  31.     <section class="vh-100 gradient-custom">
  32.         <div class="container py-5 h-100">
  33.           <div class="row d-flex justify-content-center align-items-center h-100">
  34.             <div class="col-12 col-md-8 col-lg-6 col-xl-5">
  35.               <div class="card bg-info text-white" style="border-radius: 1rem;">
  36.                 <div class="card-body p-5 text-center">
  37.      
  38.                   <div class="mb-md-5 mt-md-4 pb-5">
  39.      
  40.                     <h2 class="fw-bold mb-2 text-uppercase">Contact Us</h2>
  41.                     <p class="text-white-50 mb-5">Fill in the form so we can help you</p>
  42.      
  43.                     <div class="form-outline form-white mb-4">
  44.                       <input type="text" id="name" class="form-control form-control-lg" />
  45.                       <label class="form-label" for="name">Name</label>
  46.                     </div>
  47.  
  48.                     <div class="form-outline form-white mb-4">
  49.                         <input type="email" id="email" class="form-control form-control-lg" />
  50.                         <label class="form-label" for="email">Email</label>
  51.                     </div>
  52.        
  53.                     <div class="form-outline form-white mb-4">
  54.                         <textarea class="form-control" id="message" rows="4"></textarea>
  55.                         <label class="form-label" for="message">Message</label>
  56.                     </div>
  57.      
  58.                     <p class="small mb-5 pb-lg-2"><a class="text-white-50" href="./index.html">Login</a></p>
  59.      
  60.                     <button class="btn btn-outline-light btn-lg px-5" type="submit">Submit</button>
  61.      
  62.                     <div class="d-flex justify-content-center text-center mt-4 pt-1">
  63.                         <a href="#!" class="text-white"><i class="fab fa-google fa-lg"></i></a>
  64.                       <a href="#!" class="text-white"><i class="fab fa-facebook-f fa-lg mx-4 px-2"></i></a>
  65.                       <a href="#!" class="text-white"><i class="fab fa-twitter fa-lg "></i></a>
  66.                      
  67.                     </div>
  68.      
  69.                   </div>
  70.      
  71.                   <div>
  72.                     <p class="mb-0">Dont have an account? <a href="#!" class="text-white-50 fw-bold">Sign Up</a></p>
  73.                   </div>
  74.      
  75.                 </div>
  76.               </div>
  77.             </div>
  78.           </div>
  79.         </div>
  80.       </section>
  81. </body>
  82. </html>