From Sloppy Camel, 4 Years ago, written in Plain Text.

Embed

Download Paste or View Raw
Hits: 373

<!DOCTYPE html>

<html lang="en">

<head>

<meta name="viewport" content="width=device-width" />

<title>HTML Result</title>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"

integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

</head>

<body>

<div class="container body-content">

<div class="container">

<div class="row justify-content-start" style="padding-top:10px;">

<div class="col" style="padding-top:10px;">

<h1>PRODUCT CATALOG</h1>

</div>

<div class="col" style="padding-top:10px;">

<input class="form-control"></input>

</div>

<div class="col" style="padding-top:10px;">

<button class="btn btn-primary">SEARCH</button>

</div>

</div>

<div class="row justify-content-start" style="padding-top:10px;">

<div class="col" style="padding-top:10px;">

<img alt="Image html" width="90%" height="90%" style="max-height:500px;max-width:500px;" src="https://sketch2code.azurewebsites.net/Content/img/fake_img.svg" />

</div>

<div class="col" style="padding-top:10px;">

<img alt="Image html" width="90%" height="90%" style="max-height:500px;max-width:500px;" src="https://sketch2code.azurewebsites.net/Content/img/fake_img.svg" />

</div>

<div class="col" style="padding-top:10px;">

<img alt="Image html" width="90%" height="90%" style="max-height:500px;max-width:500px;" src="https://sketch2code.azurewebsites.net/Content/img/fake_img.svg" />

</div>

</div>

<div class="row justify-content-start" style="padding-top:10px;">

<div class="col" style="padding-top:10px;">

<p class="text-black-50">

Lorem ipsum dolor sit amet, consectetur adipiscing elit

<br />

sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<br />

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris

</p>

</div>

<div class="col" style="padding-top:10px;">

<input class="form-control"></input>

</div>

</div>

<div class="row justify-content-start" style="padding-top:10px;">

<div class="col" style="padding-top:10px;">

<label>$ 20.15</label>

</div>

<div class="col" style="padding-top:10px;">

<label>$ 19.50</label>

</div>

<div class="col" style="padding-top:10px;">

<label></label>

</div>

</div>

<div class="row justify-content-start" style="padding-top:10px;">

<div class="col" style="padding-top:10px;">

<button class="btn btn-primary">ADD TO CART</button>

</div>

<div class="col" style="padding-top:10px;">

<button class="btn btn-primary">ADD TO CART [ ADD TO CART</button>

</div>

<div class="col" style="padding-top:10px;">

<button class="btn btn-primary">ADD TO CART [ ADD TO CART</button>

</div>

</div>

</div>

</div>

</body>

</html>

Replies to Untitled

Title	Name	Language	UNIX	When
Re: Untitled	Crippled Teal	text	1578514789	4 Years ago.

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 name=&quot;viewport&quot; content=&quot;width=device-width&quot; /&gt;
    &lt;title&gt;HTML Result&lt;/title&gt;
    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css&quot; 
          integrity=&quot;sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB&quot; crossorigin=&quot;anonymous&quot;&gt;
&lt;/head&gt;
&lt;body&gt;
    &lt;div class=&quot;container body-content&quot;&gt;

&lt;div class=&quot;container&quot;&gt;

&lt;div class=&quot;row justify-content-start&quot; style=&quot;padding-top:10px;&quot;&gt;

&lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;h1&gt;PRODUCT CATALOG&lt;/h1&gt;

&lt;/div&gt;
                &lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;input class=&quot;form-control&quot;&gt;&lt;/input&gt;

&lt;/div&gt;
                &lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;button class=&quot;btn btn-primary&quot;&gt;SEARCH&lt;/button&gt;

&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row justify-content-start&quot; style=&quot;padding-top:10px;&quot;&gt;

&lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;

&lt;img alt=&quot;Image html&quot; width=&quot;90%&quot; height=&quot;90%&quot; style=&quot;max-height:500px;max-width:500px;&quot; src=&quot;https://sketch2code.azurewebsites.net/Content/img/fake_img.svg&quot; /&gt;

&lt;/div&gt;
                &lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;

&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row justify-content-start&quot; style=&quot;padding-top:10px;&quot;&gt;

&lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;p class=&quot;text-black-50&quot;&gt;
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
    &lt;br /&gt;
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
    &lt;br /&gt;
    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;input class=&quot;form-control&quot;&gt;&lt;/input&gt;

&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row justify-content-start&quot; style=&quot;padding-top:10px;&quot;&gt;

&lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;label&gt;$ 20.15&lt;/label&gt;

&lt;/div&gt;
                &lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;label&gt;$ 19.50&lt;/label&gt;

&lt;/div&gt;
                &lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;label&gt;&lt;/label&gt;

&lt;/div&gt;
                &lt;/div&gt;
                &lt;div class=&quot;row justify-content-start&quot; style=&quot;padding-top:10px;&quot;&gt;

&lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;button class=&quot;btn btn-primary&quot;&gt;ADD TO CART&lt;/button&gt;

&lt;/div&gt;
                &lt;div class=&quot;col&quot; style=&quot;padding-top:10px;&quot;&gt;
&lt;button class=&quot;btn btn-primary&quot;&gt;ADD TO CART [ ADD TO CART&lt;/button&gt;

&lt;/div&gt;
                &lt;/div&gt;

&lt;/div&gt;

&lt;/div&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"}

Untitled

Replies to Untitled

Reply to "Untitled"