A Pen by Daksh Dobhal

Thumbnail
This awesome code was written by KiraDeus, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright KiraDeus ©
  • HTML
  • CSS
  • JavaScript
    

  <div class="jumbotron">
    <h1  class="text-center">Coding Blocks URL Shortener</h1>
      <br>
    <div id="a" class="container">
    
      
      
      <div class="container-fluid">
                     <img class="img-fluid img-thumbnail center-block"  src="https://i.ytimg.com/vi/2QrhN7CjUBI/hqdefault.jpg"> 
        <br>
        
        <blockquote class="blockquote">
  <p class="mb-0 text-center">"Masterji, ye URL do bilang chhoti kar do"</p>
  <footer class="blockquote-footer text-center">Ramesh and Suresh
  </footer>
</blockquote>
<br>
        <br>
        
        <div class="center-block">
          <div class="form-group">
          <input class="form-control" type="text" placeholder="URL">
            <input class="form-control" type="text" placeholder="custom shortcode (optional)">
            <input class="form-control" type="text" placeholder="secret (needed to make custom)">
            <br>
<button class="btn center-block" type="submit">Create URL</button>
          </div>
        
        </div>   
    
    
       </div>


    </div>
</div>

/*Downloaded from https://www.codeseek.co/KiraDeus/a-pen-by-daksh-dobhal-ZedoJJ */
    body {
  background-color: white;
}
h1{
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  font-size:50px;
}

.jumbotron{
  margin:25px;
}

img{
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  display:block;
}

 footer p {
	font-size: 14px;
	font-style: italic;
}

#a{
   border-bottom: 1px solid #ccc;
   padding-bottom:10px;  
}


/*Downloaded from https://www.codeseek.co/KiraDeus/a-pen-by-daksh-dobhal-ZedoJJ */
    

Comments