Untitled

From Arturo Ivan Artaza, 3 Years ago, written in HTML5.

Embed

Download Paste or View Raw
Hits: 126

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

<link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png">

<link rel="stylesheet" href="styles.css">

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">

<title>Frontend Mentor | Intro component with sign up form</title>



<style>

.attribution { font-size: 11px; text-align: center; }

.attribution a { color: hsl(228, 45%, 44%); }

</style>

</head>

<body>

<div class="dad">

<div class="text-content">

<h1>Learn to code <br>

by watching others</h1>

<p> See how experienced developers solve problems in real-time. <br>

Watching scripted tutorials is great, but understanding how <br>

developers think is invaluable. </p>

</div>

<div class="try">

<p> <span> Try it free 7 days </span> then $20/mo. thereafter</p>

</div>

<div class="form">

<div class="form-inside">

<input type="text" placeholder="First Name"> <br>

<input type="text" placeholder="Last Name"> <br>

<input type="email" placeholder="Email Address"> <br>

<input type="password" placeholder="Password"> <br>

<input type="button" class="button" value="Claim your free trial"> <br>

<p class="terms"> By clicking the button, you are agreeing to our Terms and Services </p>

</div>

</div>

</div>

<footer>

<p class="attribution">

Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>.

Coded by <a href="#">Your Name Here</a>.

</p>

</footer>

</body>

</html>

Author

Title

Language

Your paste - Paste your paste here

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot;&gt;
&lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt; &lt;!-- displays site properly based on user's device --&gt;

&lt;link rel=&quot;icon&quot; type=&quot;image/png&quot; sizes=&quot;32x32&quot; href=&quot;./images/favicon-32x32.png&quot;&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot;&gt;
  &lt;link href=&quot;https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
  
  &lt;title&gt;Frontend Mentor | Intro component with sign up form&lt;/title&gt;

&lt;!-- Feel free to remove these styles or customise in your own stylesheet ? --&gt;
  &lt;style&gt;
    .attribution { font-size: 11px; text-align: center; }
    .attribution a { color: hsl(228, 45%, 44%); }
  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class=&quot;dad&quot;&gt;
 &lt;div class=&quot;text-content&quot;&gt;
  &lt;h1&gt;Learn to code &lt;br&gt;
  by watching others&lt;/h1&gt;

&lt;p&gt; See how experienced developers solve problems in real-time. &lt;br&gt; 
  Watching scripted tutorials is great, but understanding how &lt;br&gt;
  developers think is invaluable. &lt;/p&gt;
 &lt;/div&gt;
 
   &lt;div class=&quot;try&quot;&gt;
  &lt;p&gt; &lt;span&gt; Try it free 7 days &lt;/span&gt; then $20/mo. thereafter&lt;/p&gt;
&lt;/div&gt;
&lt;div class=&quot;form&quot;&gt;
 &lt;div class=&quot;form-inside&quot;&gt;
  &lt;input type=&quot;text&quot; placeholder=&quot;First Name&quot;&gt;  &lt;br&gt;

&lt;input type=&quot;text&quot; placeholder=&quot;Last Name&quot;&gt;  &lt;br&gt;

&lt;input type=&quot;email&quot; placeholder=&quot;Email Address&quot;&gt; &lt;br&gt;

&lt;input type=&quot;password&quot; placeholder=&quot;Password&quot;&gt; &lt;br&gt;

&lt;input type=&quot;button&quot; class=&quot;button&quot; value=&quot;Claim your free trial&quot;&gt;  &lt;br&gt;

&lt;p class=&quot;terms&quot;&gt; By clicking the button, you are agreeing to our Terms and Services &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;

&lt;/div&gt;
  &lt;footer&gt;
    &lt;p class=&quot;attribution&quot;&gt;
      Challenge by &lt;a href=&quot;https://www.frontendmentor.io?ref=challenge&quot; target=&quot;_blank&quot;&gt;Frontend Mentor&lt;/a&gt;. 
      Coded by &lt;a href=&quot;#&quot;&gt;Your Name Here&lt;/a&gt;.
    &lt;/p&gt;
  &lt;/footer&gt;
&lt;/body&gt;
&lt;/html&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}

Reply to "Untitled"