Skip to main content

Posts

Creating a contact form using html and css

By
 How to create a contact form using HTML and Css. In this post, you will be learning how to create a contact form using HTML and Css. You can copy the code, modify it and use it anywhere. Code <!DOCTYPE html> <html>     <head>         <title>Page Title</title>         <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" /         <link href="https://fonts.googleapis.com/css?family=Pacifico|Lobster|Orbitron|Crushed" rel="stylesheet">         <style type="text/css" media="all">             * {          box-sizing: border-box;       }       html, body {          margin: 0;          padding: 0;       }       #tlo{           font-famil...
Post a Comment
Read more
Recent posts

Create a side Bar

By
 Create a Side Bar in HTML Creating a sidebar is pretty cool easy to understand. If you don't understand anything, feel free to comment or message me. CODE <!DOCTYPE html> <html>     <head>         <title>Creating a side bar</title>     </head>     <body>         <div id="nav">         <div id="nav_open">&#9776;</div>         <div id="nav_con">             <a href="#">Link1</a>             <a href="#">Link2</a>             <a href="#">Link3</a>         </div>         </div>         <style>             #nav_open{                 font-si...
Post a Comment
Read more

Creating A calculator using html

By
CREATE A SIMPLE CALCULATOR USING HTML Creating a calculator is one of the most recommended beginner's project. Hence, I decided to make it my first post. First I created the table so that all the buttons are placed in a tabular form. Then the form, so that all the buttons works perfectly. Then, I added the styling using Css  And Lastly, I added the Scripting to make the buttons functional. The scriptings are All in the onclick event attribute.         <center><form name="calculator">    <table>       <tr>          <td colspan="6">            <input type="text" name="display" id="display"placeholder="0"disabled>                      </td>       </tr>       <tr>             <td><input type="button" nam...
2 comments
Read more