TUTORIAL WEBSITE BLOG WAP MASTER UNTUK PEMULA GAPTEK NEWBIE DAN KEBINGUNGAN

MEMBUAT FORMULIR LOGIN KE SOSIAL MEDIA

AMBIL CODE DI BAWAH INI

<!DOCTYPE html>
<html>
<head><meta name="keywords" content="CARA MEMBUAT WAP LEWAP PONSEL HP DAN LAPTOP|WAP MASTER NEWS SINCE 1980- 2020th|TEMPAT DOWNLOAD GRATIS MUSIK MP3 GAME,ANDROID 3G,4G,JAVA,JAR,SCRIPT,HTML,CSS,PHP|KODE KODE ANDROID SMARTPHONE LENGKAP TERBAIK TERMURAH TERGAMPANG VIDEO EXTRAK FILE ZIP RAR.LINK YOUTUBE GOOGLE PLAY STORE FACEBOOK BAROS TWITTER DAN WHAT SHAFF|PERANG DUNIA 1 PERANG DUNIA 2,PERANG DUNIA 3,PERANG DUNIA 4,PERANG AKHIR KIAMAT.SITUS BERITA UNGGULAN DALAM NEGRI DAN MANCA NEGARA DI RANGKUM JADI SITUS TERLENGKAP,SHOFEE ONLINE MURAH BELANJA,LAZADA,KAI.ID DAN GOJEK.GRAAB CARTERAN GRATIS SEUMUR HIDUP.OBAT AMPUH DEMAM BERDARAH,DARAH TINGGI,KENCING MANIS,DIABETES JANTUNG KORONER,KEPUTIHAN TUMOR GINJAL AMBEIYEN LEMAH SYAHWAT STROKE,PATAH TULANG,PATAH HATI,CINTA LUAR DALAM DI TOLAK MBAH DUKUN.DOWNLOAD BOKEP TERLENGKAP INDONESIA SPECIAL TAHUN 30 AN SAMPAI 2020 AN GRATIS,BOKEP VIETNAM,CHINA,JEPANG,BARAT,JILBAB HIJAB MELAYU SEX TERBANYAK 1JUTA PENGUNJUNG.SEX ML BOKEP MELAYU THAILAND TERLENGKAP SPECIAL MUDAH DI DOWMLOAD.MYANMAR BOKEP.XNXX.COM,PANDA MOVIES.COM,WAPBLOG.NET,XVIDEOS.COM.DOLAR GRATIS <head> JUTA DALAM SEMALAM.SEPAK BOLA LIGA ITALIA,INGGRIS.JERMAN,SPANYOL,LIGA 1 INDONESIA PERSIB,PERSEBAYA,PERSIJA,BADAK LAMPUNG,MADURA UNITED,AREMA,DELTRAS,PS SLEMAN,BALI UNITED,SRI WIJAYA FC.PUPUK KALTENG,DISCOTIK,RUMAH SAKIT,MASKAPAI,SAMPAH,SATELIT,BINATANG, ULAR,KECOA,TIKUS,KUCING,ANJING,KAMBING,MACAN,MONYET,SINGA,JERAPAH,DINOSAURUS USUS BUNTU COPET,PERKOSAAN.PERAMPOKAN,BEGAL,BACOK,CELURIT,TEMBAK,NUKLIR TERBESAR,NUKLIR INDONESIA,NUKLIR AMERIKA,NUKLIR RUSIA,CHINA,INDIA,INGGRIS,IRAN,ISRAEL,PALESTINA,GAZA,ROHING NYA,SUKU JAWA,SUKU SUNDA,BATAK,BUGIS,MADURA,MELAYU,MINANG,MANADO,BALI,DAYAK,PAPUA.TEAM UNGGULAN VOLLY BALL SUMUR DARWA|ARVAS|ARSUDA|ARMET|ARUMKA JAVANDAS|CINAPEL DUKUH JATI|GAWIR INDAH|IRCOME BHONEST|KARANG DEMPEL|PERSIBAKTI|SHANDEX.HANTU TERSERAM DI DUNIA,KISAH KISAH ISLAMI,KISAH SEX TERBARU 2020,KISAH KRISTEN,HINDU,BUDHA.KONGHUCHU,TAO,SHINTO.SILUMAN KERA,SILUMAN ULAR,FILM,FTV,INDONESIAN IDOL,CARIBAKAT,SCTV,TVRI,ANTV,MNCTV,GLOBAL TV,WI-FI GRATIS SEUMUR HIDUP,BRI,BCA,BUKOPIN,DANAMOND,CIMB NIAGA,MANDIRI,BRI LINK,KOMPAS.DETIK,I NEWS,JIMA LU THU RAMALAN SYEH SITI JENAR,KAULA MANUNGGALING GUSTI,AJARAN SANTET,AJARAN PESUGIHAN,TUYUL,POCONG,JIN,SUN GO KONG,DEWI KWAN IM,BRAHMA,SIWA,SHIVA,DEWA ARJUNA,KUNTILANAK,DEDEMIT," /> <meta name="description" content="Blognya Warga Baros Yoneo Sumur Darwa " /> <link type="text/css" rel="stylesheet" href="http://yoneo.xtgem.com/xtgem_template.css?v=1583373976"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
}

/* style the container */
.container {
  position: relative;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px 0 30px 0;
}

/* style inputs and link buttons */
input,
.btn {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  opacity: 0.85;
  display: inline-block;
  font-size: 17px;
  line-height: 20px;
  text-decoration: none; /* remove underline from anchors */
}

input:hover,
.btn:hover {
  opacity: 1;
}

/* add appropriate colors to fb, twitter and google buttons */
.fb {
  background-color: #3B5998;
  color: white;
}

.twitter {
  background-color: #55ACEE;
  color: white;
}

.google {

background-color: #dd4b39;
  color: white;
}

/* style the submit button */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

/* Two-column layout */
.col {
  float: left;
  width: 50%;
  margin: auto;
  padding: 0 50px;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* vertical line */
.vl {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  border: 2px solid #ddd;
  height: 175px;
}

/* text inside the vertical line */
.vl-innertext {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 50%;
  padding: 8px 10px;
}

/* hide some text on medium and large screens */
.hide-md-lg {
  display: none;
}

/* bottom container */

.bottom-container {
  text-align: center;
  background-color: #666;
  border-radius: 0px 0px 4px 4px;
}

/* Responsive layout - when the screen is less than 650px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 650px) {
  .col {
    width: 100%;
    margin-top: 0;
  }
  /* hide the vertical line */
  .vl {
    display: none;
  }
  /* show the hidden text on small screens */
  .hide-md-lg {
    display: block;
    text-align: center;
  }
}
</style>
        
        <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
       <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
     <script data-cfasync="false" async="async" type="text/javascript" src="//setyourtape.com/q/tdl/95/dnt/2014799/kep.js"></script></head>
<body>

<h2>FormulirtResponsive Login Ke Sosial Media</h2>
<p>ukuran browser dan window sangat penting untuk menampilkan effect. Anda dapat mengatur screen layout lebar ke 650px,dengan dua colom yg berbeda.tergantung seberapa resolusi yg anda buat pada halaman home website anda.</p>

<form action="/action_page.php">
    <div class="row">
      <h2 style="text-align:center">Login with Social Media or Manually</h2>
      <div class="vl">
        <span class="vl-innertext">or</span>
      </div>

<div class="col">
        <a href="#" class="fb btn">
          <i class="fa fa-facebook fa-fw"></i> Login with Facebook
         </a>
        <a href="#" class="twitter btn">
          <i class="fa fa-twitter fa-fw"></i> Login with Twitter
        </a>
        <a href="#" class="google btn"><i class="fa fa-google fa-fw">
          </i> Login with Google+
        </a>
      </div>

<div class="col">
        <div class="hide-md-lg">
          <p>Or sign in manually:</p>
        </div>

<input type="password" name="password" placeholder="Password" required>
<input type="submit" value="Login">
</div>
</div>
</form>
</div>
<div class="bottom-container">
<div class="row">
<div class="col">
<a href="#" style="color:white" class="btn">Sign up</a>
</div>
<div class="col">
<a href="#" style="color:white" class="btn">Forgot password?</a>
</div>
</div>
</div>
</body>
</html>

REVIEW

KEMBALI | | LANJUTKAN

Pilih Template
Pilih Template