Cara merubah fhoto profil email sender

Script Form Responsive untuk Elementor

Buat teman2 yang menggunakan elementor free  pada website menggunakan wordpress dapat menggunakan script form ini agar terlihat responsive dan menarik.

<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
<style>
@media screen and (max-width: 600px) {
    .col-25, .col-75, input[type=submit] {
        width: 100%;
        margin-top: 0;
    }
}

* {
    box-sizing: border-box;
}
input[type=text], select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}
label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}
input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    float: right;
}
input[type=submit]:hover {
    background-color: #45a049;
}
.container {
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}
.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
}
.col-75 {
    float: left;
    width: 75%;
    margin-top: 6px;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
</style>
</head>
<body>

<div class="container">
  <form id="keform" action="https://namadomainanda/autobiznis/subs.php" method="post">
    <div class="row">
      <div class="col-25">
        <label >Nama</label>
      </div>
      <div class="col-75">
        <input type="text" name="name" placeholder="Nama" required>
      </div>
    </div>
    <div class="row">
      <div class="col-25">
        <label >Email</label>
      </div>
      <div class="col-75">
        <input type="text"  name="email" placeholder="abc@yahoo.co.id" required>
      </div>
    </div>
 
 <div class="row">
      <div class="col-25">
        <label >Handphone</label>
      </div>
      <div class="col-75">
        <input type="text"  name="hp" placeholder="0821...." required>
      </div>
    </div>
 
 <div class="row">
      <div class="col-25">
        <label >Nomor KTP</label>
      </div>
      <div class="col-75">
        <input type="text"  name="custom[nomorktp]" placeholder="1234567890123456">
      </div>
    </div>
 
 <div class="row">
      <div class="col-25">
        <label >Tanggal Lahir</label>
      </div>
      <div class="col-75">
        <input type="text"  name="custom[tanggallahir]" placeholder="01/01/2010">
      </div>
    </div>
 
 <div class="row">
      <div class="col-25">
        <label >Alamat</label>
      </div>
      <div class="col-75">
        <input type="text"  name="custom[alamat]" placeholder="Alamat anda ...">
      </div>
    </div>
 
    <div class="row">
      <div class="col-25">
        <label for="country">Pilihan Paket</label>
      </div>
      <div class="col-75">
        <select name="custom[paket]">
          <option value="Paket BASIC: 1 Lisensi (Rp.1.500.000)">Paket BASIC: 1 Lisensi (Rp.1.500.000)</option>
    <option value="Paket SUB AGEN: 3 Lisensi (Rp.4.500.000)">Paket SUB AGEN: 3 Lisensi (Rp.4.500.000)</option>
    <option value="PAKET AGEN: 7 Lisensi (Rp.10.500.000)">PAKET AGEN: 7 Lisensi (Rp.10.500.000)</option>
    <option value="Paket MASTER AGEN: 15 Lisensi (Rp.22.500.000)">Paket MASTER AGEN: 15 Lisensi (Rp.22.500.000)</option>
    <option value="Paket STOKIST: 31 Lisensi (Rp.46.500.000)">Paket STOKIST: 31 Lisensi (Rp.46.500.000)</option>
        </select>
      </div>
    </div>
    
    <div class="row">
      <input type="hidden" name="grup" value="1"/> <p><input type="submit" value="Daftar"/>
    </div>
  </form>
</div>

</body>
</html>

Jika dijalakan akan seperti ini
Jadi anda tidak harus membeli elementor yang pro. :)

Ada problem, kontak sy di WA 0821-5065-1122