Fork: 0
0xRoM / EmailSender
Transfer to URL with SHA Find file
Newer
Older
EmailSender / index.html
0xRoM on 8 Sep 2023 5 KB first commit
Raw Blame History 
  1. <html>
  2.   <head>
  3.     <title>Emailer</title>
  4.  
  5.     <!-- Meta Tags -->
  6.     <meta charset="UTF-8">
  7.     <meta name="robots" content="index,follow">
  8.     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
  9.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  10.     <meta name="format-detection" content="telephone=no">
  11.     <meta name="description" content="Fill out this form to send email">
  12.  
  13.     <link rel="stylesheet" href="bootstrap.min.css">
  14.     <link rel="stylesheet" href="style.css">
  15.     <script src="jquery.min.js"></script>
  16.     <script src="bootstrap.min.js"></script>
  17.     <script src="script.js" defer></script>
  18.  
  19.   </head>
  20.   <body>
  21.  
  22.     <div class="wrapper">
  23.       <h2 class="mb-3">Send Email</h2>
  24.  
  25.       <h4 id="result" style="color:red;"></h4>
  26.  
  27.       <form id="emailForm">
  28.       <!-- Input type text -->
  29.       <div class="form-group row ">
  30.         <label for="pass" class="col-sm-1 col-form-label text-right">Password</label>
  31.         <div class="col-sm-11">
  32.           <input type="password" class="form-control form-control-sm" name="pass" id="pass" placeholder="Password" required>
  33.         </div>
  34.       </div>
  35.  
  36.       <!-- Input type text -->
  37.       <div class="form-group row ">
  38.         <label for="email" class="col-sm-1 col-form-label text-right">From</label>
  39.         <div class="col-sm-11">
  40.           <input type="email" class="form-control form-control-sm" name="from_email" id="from_email" placeholder="from@place.com" required>
  41.         </div>
  42.       </div>
  43.  
  44.       <!-- Input type text -->
  45.       <div class="form-group row ">
  46.         <label for="input_id_3" class="col-sm-1 col-form-label text-right">To</label>
  47.         <div class="col-sm-11">
  48.           <input type="email" class="form-control form-control-sm" name="to_email" id="to_email" placeholder="to@place.com" required>
  49.         </div>
  50.       </div>
  51.  
  52.       <!-- columns -->
  53.       <div class="form-group row">
  54.         <label class="col-sm-1 col-form-label text-right"></label>
  55.         <div class="col-sm-11">
  56.           <div class="header-row">
  57.             <!-- The first header/value/delete form will be added dynamically when you click "Add Header" -->
  58.           </div>
  59.         </div>
  60.       </div>
  61.  
  62.       <!-- button -->
  63.       <div class="form-group row">
  64.         <label for="button_id_8" class="col-sm-1 col-form-label text-right"></label>
  65.         <div class="col-sm-11">
  66.           <input type="hidden" id="headerCount" name="headerCount" value="0">
  67.           <button type="button" class="btn btn-secondary btn-sm" id="addHeaderButton">Add Header</button>
  68.         </div>
  69.       </div>
  70.  
  71.       <!-- Input type file -->
  72.       <div class="form-group row ">
  73.         <label for="attachment" class="col-sm-1 col-form-label text-right">File</label>
  74.         <div class="col-sm-11">
  75.           <div class="custom-file">
  76.           <input type="file" class="custom-file-input"  name="attachment" id="attachment">
  77.           <label class="custom-file-label form-control form-control-sm" for="attachment">Choose File</label>
  78.         </div>
  79.         </div>
  80.       </div>
  81.  
  82.       <!-- Input type text -->
  83.       <div class="form-group row ">
  84.         <label for="input_id_3" class="col-sm-1 col-form-label text-right">Subject</label>
  85.         <div class="col-sm-11">
  86.           <input type="text" class="form-control form-control-sm" name="subject" id="subject" placeholder="summary of email" required>
  87.         </div>
  88.       </div>
  89.  
  90.       <!-- columns -->
  91.       <div class="form-group row content-form">
  92.         <label class="col-sm-1 col-form-label text-right">Content</label>
  93.         <div class="col-sm-11">
  94.       
  95.         <!-- nav options -->
  96.         <ul class="nav nav-tabs mb-3 shadow-sm" id="pills-tab" role="tablist">
  97.           <li class="nav-item">
  98.             <a class="nav-link active" id="pills-plain-tab" data-toggle="tab" href="#pills-plain" role="tab" aria-controls="pills-plain" aria-selected="true">Plain</a>
  99.           </li>
  100.           <li class="nav-item">
  101.             <a class="nav-link" id="pills-html-tab" data-toggle="tab" href="#pills-html" role="tab" aria-controls="pills-html" aria-selected="false">HTML</a>
  102.           </li>
  103.           <li class="nav-item">
  104.             <a class="nav-link" id="pills-render-tab" data-toggle="tab" href="#pills-render" role="tab" aria-controls="pills-render" aria-selected="false">Render</a>
  105.           </li>
  106.         </ul>
  107.  
  108.           <!-- content -->
  109.           <div class="tab-content" id="pills-tabContent p-3">
  110.             <!-- 1st card -->
  111.             <div class="tab-pane fade show active" id="pills-plain" role="tabpanel" aria-labelledby="pills-plain-tab">
  112.               <div class="col-md-12 mb-3">
  113.                 <textarea class="form-control" rows="8" name="plaintext_content" id="plaintext_content" placeholder="email content goes here..." required></textarea>
  114.               </div>
  115.             </div>
  116.             <!-- 2nd card -->
  117.             <div class="tab-pane fade" id="pills-html" role="tabpanel" aria-labelledby="pills-html-tab">
  118.               <div class="col-md-12 mb-3">
  119.                 <textarea class="form-control" rows="8" name="html_content" id="html_content" placeholder="<html>..." ></textarea>
  120.               </div>
  121.             </div>
  122.             <!-- 3nd card -->
  123.             <div class="tab-pane fade third" id="pills-render" style="height:auto; min-height:auto" role="tabpanel" aria-labelledby="pills-render-tab">
  124.               <div class="col-md-12 mb-3">
  125.                 <iframe class="form-control resizable-iframe" style="height:auto; min-height:auto" id="iframe_id"></iframe>
  126.               </div>
  127.             </div>
  128.           </div>
  129.         
  130.  
  131.         </div>
  132.       </div>
  133.         
  134.       <!-- button -->
  135.       <div class="form-group row mt-auto">
  136.         <label for="submit" class="col-sm-1 col-form-label text-right"></label>
  137.         <div class="col-sm-11">
  138.         <button type="button" class="btn btn-primary btn-block btn-sm" name="submit" id="submit"  onclick="submitForm()">Send</button>
  139.         </div>
  140.       </div>
  141.  
  142.       </form>
  143.     </div>
  144.  
  145.   </body>
  146. </html>
Buy Me A Coffee