Pinned Repositories
Add-links-to-your-websiteHTML-and-CSS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Links</title> </head> <body> <a href="https://google.co.in" target="_blank"> Go to google</a> <br> <a href="./thankyou.html">thankyou</a> </body> </html>
alignment-and-properties-
<html> <head> <title> first webpage</title> </head> <body> <h1 align="center"> <u> Hello World </u></br> 12<sup>th</sup></br> <br/><br/> H<sub><sub>2</sub>O </h1> <p><b></br>Lorem ipsum dolor sit amet, </br>consectetur adipiscing elit </b>. <i>Sed pretium fringilla enim vitae molestie </i>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> <p> <u>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium fringilla enim vitae molestie </u>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> <p> <s>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium fringilla enim vitae molestie</s>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> </body> </html>
clang
Mirror of official clang git repository located at http://llvm.org/git/clang. Updated every five minutes.
Exercise-1-solution-HTML-and-CSS-
external-css
External CSS coding
FORM-CREATION
<!doctype html> <html> <head> <title> humaira abro</title> </head> <body> <h3> Rejistration form</h3> <form> First Name :<input type="text" placeholder="enter your name"> Last Name :<input type="text"placeholder="enter your last name"> <br> Password :<input type="password"placeholder="enter your password"> Phone No :<input type="text"> <br> Select Gender<input type="radio"name="gender">Male <input type="radio"name="gender">Female <br><button type=submit" value="submit"> SUBMIT FORM </button> </form> </body> </html>
hello.c
html
<!doctype html> <html> <head> <title> humaira </title> </head> <body> <h1> Data Entry </h1> <table border="1"> <tr> <th> name </th> <th> payment </th> <th> item </th> <th> total </th> </tr> <tr> <td> Sana </td> <td> xoom </td> <td> saree </td> <td> total 10000 </td> </tr> <tr> <td> Sara </td> <td> paypal </td> <td> lawn dresses </td> <td> total 15000 </td> </tr> <tr> <td> Sanam </td> <td> bank </td> <td> dresses </td> <td> total 17000 </td> </tr> </table> </body> </html>
html-
Learning html CSS coding basis
humairaabro's Repositories
humairaabro/Add-links-to-your-websiteHTML-and-CSS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Links</title> </head> <body> <a href="https://google.co.in" target="_blank"> Go to google</a> <br> <a href="./thankyou.html">thankyou</a> </body> </html>
humairaabro/alignment-and-properties-
<html> <head> <title> first webpage</title> </head> <body> <h1 align="center"> <u> Hello World </u></br> 12<sup>th</sup></br> <br/><br/> H<sub><sub>2</sub>O </h1> <p><b></br>Lorem ipsum dolor sit amet, </br>consectetur adipiscing elit </b>. <i>Sed pretium fringilla enim vitae molestie </i>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> <p> <u>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium fringilla enim vitae molestie </u>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> <p> <s>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium fringilla enim vitae molestie</s>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> </body> </html>
humairaabro/clang
Mirror of official clang git repository located at http://llvm.org/git/clang. Updated every five minutes.
humairaabro/Exercise-1-solution-HTML-and-CSS-
humairaabro/external-css
External CSS coding
humairaabro/FORM-CREATION
<!doctype html> <html> <head> <title> humaira abro</title> </head> <body> <h3> Rejistration form</h3> <form> First Name :<input type="text" placeholder="enter your name"> Last Name :<input type="text"placeholder="enter your last name"> <br> Password :<input type="password"placeholder="enter your password"> Phone No :<input type="text"> <br> Select Gender<input type="radio"name="gender">Male <input type="radio"name="gender">Female <br><button type=submit" value="submit"> SUBMIT FORM </button> </form> </body> </html>
humairaabro/hello.c
humairaabro/html
<!doctype html> <html> <head> <title> humaira </title> </head> <body> <h1> Data Entry </h1> <table border="1"> <tr> <th> name </th> <th> payment </th> <th> item </th> <th> total </th> </tr> <tr> <td> Sana </td> <td> xoom </td> <td> saree </td> <td> total 10000 </td> </tr> <tr> <td> Sara </td> <td> paypal </td> <td> lawn dresses </td> <td> total 15000 </td> </tr> <tr> <td> Sanam </td> <td> bank </td> <td> dresses </td> <td> total 17000 </td> </tr> </table> </body> </html>
humairaabro/html-
Learning html CSS coding basis
humairaabro/html-order-list
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lists</title> </head> <body> <ol type="1"> <li>item Chickin</li> <li>item Meat</li> <li>item Fish</li> <li>item Vegitables</li> <li>item Milk</li> <li>item Yogert</li> <li>item Bread</li> <ul style="list-style-type: star ;" <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> <li>item 4</li> <li>item 5</li> <li>item 6</li> </ul> <dl> <dd>Milk</dd> <dd>Freash milk is good for health</dd> </dl><dd>Chicken</dd> <dd>Freash Chicken is avaiable on stores</dd> </body>
humairaabro/HTML-Structure
<body> <div> <h1>Sibling to p, but also grandchild of body</h1> <p>Sibling to h1, but also grandchild of body</p> </div> </body>
humairaabro/html-text-formating
<html> <head> <title> first webpage</title> </head> <body> <h1><u>Hello World!</u></h1> <p> <b>Lorem ipsum dolor sit amet, consectetur adipiscing elit </b>. <i>Sed pretium fringilla enim vitae molestie </i>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> <p> <u>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium fringilla enim vitae molestie </u>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> <p> <s>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium fringilla enim vitae molestie</s>. Vestibulum scelerisque velit vitae massa pellentesque tincidunt. Proin quis elit mauris. Phasellus auctor et urna eget mattis. Nulla ut ante dapibus, vulputate arcu at, tempus turpis. Ut mollis tortor non libero vehicula, in mollis mauris malesuada. Vestibulum eu rhoncus mi, id ullamcorper diam. Aenean consectetur magna quis felis fermentum tempor non a leo. Ut commodo nisi eu molestie aliquam. Morbi molestie lorem non volutpat ultrices. Aliquam tincidunt euismod odio id elementum. Quisque posuere porttitor nisl a ultrices. Quisque aliquet faucibus justo ut dictum. Sed vel bibendum nunc. Donec non tempor purus. Vestibulum vitae quam lacus. Praesent et nunc dignissim, tincidunt sapien in, scelerisque ipsum. Fusce urna dui, mollis vel viverra in, fermentum a neque. Mauris congue justo elit, ut interdum velit venenatis quis. Nullam vel ex at eros sollicitudin volutpat sed eu odio. </p> </body> </html>
humairaabro/Humaira-
humairaabro/inline-css
humairaabro/Internal-CSS
INTERNAL CSS
humairaabro/learn-html-css
html css
humairaabro/Some-HTML-tags-for-text-formatting
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Lists</title> </head> <body> <h2> About Me (Real)</h2> <p> With a pinch of ability and pint of colors, we have a tendency to produce appealing styles that enrapture the audience. We have the foremost intimate with graphic designers and professional developers in our team that will assure you to produce the best and unique work as far as customers need are concerned. It is the mission of <strong>Swash Enterprises</strong> to revolutionize the virtual world by introducing new ideas and empowering the young generation online. The company has taken the task and working tirelessly to launch a big number of projects of mobile applications, websites, and e-commerce sites. We are also exploring engineering and consultancy areas and going to launch Supplier.com.pk – Pakistan’s biggest supplies portal. <em> have also started building an app named “Ring” for part-time jobs. Gone are the days when it was a very difficult task for you to hire electricians, plumber, babysitter, maid, carpenter, etc. Through “Ring” you will just need to do a few clicks or make a call to the company to get the job done for you. Besides, we are working on the Matrimonial industry to look for opportunities. It is also our mission to help companies in brand-marketing, online marketing, social media marketing, and search engine optimization. We are also offering software solutions to our clients.</em> <mark>Swash Enterprises</mark> have only one vision that is to make the company bigger. We have all the projects running at the main office and we are planning to scatter them up – breaking them region wise. We want<strong> Swash Enterprises</strong> to penetrate in all markets where human and machine possibilities are allowed. We research daily to see where the opportunities lie <sub>and</sub> where investments to be made. Since Swash Enterprises is a service-based company. It is also planning to jump into the manufacturing processes of various niches. A team of experts has already started research in this regard. We are also looking carefully into the textile, shoe and leather industry and we might do some investments in this area in the future. Lastly, Swash Enterprises has some bigger projects and the company is also working hard to help other fellow business owners through I.T services to excel. </p> <p>H<sub>2</sub>O</p> <P>2<sup>4</sup></P> </body>
humairaabro/vscode
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tutorial</title> </head> <body> <h1> Heading 1 </h1> <!--h1 is the largest heading--> <!-- <h2> Heading 2 </h2> <h3> Heading 3 </h3> <h4> Heading 4 </h4> <h5> Heading 5 </h5> <h6> Heading 6 </h6> --> <!-- <p>this is a paragraph.......</p> <P> this is paragraph 2</P> --> <P>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ratione quas aliquam possimus suscipit impedit rem rerum fugiat ex delectus praesentium, temporibus, quos at? Temporibus ipsum quia dolorum praesentium facere veniam?</P> <p> </body> </html>