# My First Site **Published by:** [Nikomatt.eth](https://paragraph.com/@nikomatt/) **Published on:** 2022-02-12 **URL:** https://paragraph.com/@nikomatt/my-first-site ## Content Hello guys i want to show you how i create my first personal site with html and CSS. I upload my page with github pages here the result : https://nikomatt69.github.io/Html-Personal-site/ Html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>nikomatt.eth</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <table cellspacing="25"> <tr> <td> <img src="ProfileP.png" alt="Profile Pic"></td> <td> <h1>nikomatt.eth</h1> <p1><em><strong>Cryptocurrency Trader</strong> & <strong> Web Developer </strong></em></p1><br> <p2>I'm a 26 years Web3/WebDev Student,Trader FX/Crypto,Metalworker.</p2> </td> </tr> </table> <hr> <h3>Link For My Certifications</h3> <a href="teaching.html">Certifications</a> <hr> <h3><strong>Work Experiences</strong></h3> <table cellspacing=5> <thead> <tr> <th>Dates</th> <th>Work</th> </tr> </thead> <tbody> <tr> <td>2015-now</td> <td>Metalworker CEMA s.r.l </td> </tr> <tr> <td>2021-now</td> <td>Trader FX/Crypto FTX </td> </tr> </tbody> <tfoot> </tfoot> </table> <hr> <h3>Skils</h3> <table cellspacing="10"> <tr> <td>Blockchain</td> <td>⭐️⭐️⭐️⭐️</td> </tr> <tr> <td>Html,CSS,JavaScript Base</td> <td>⭐️⭐️⭐️</td> </tr> <tr> <td>Machine Tools</td> <td>⭐️⭐️⭐️⭐️⭐️</td> </tr> <tr> <td>Trading FX/Crypto</td> <td>⭐️⭐️⭐️⭐️</td> </tr> <tr> <td>Web3 Ecosistem</td> <td>⭐️⭐️⭐️⭐️</td> </tr> </table> <hr> <h3>Contact Details Links </h3> <ul> <li><a href="contacts.html">Contact Me</a></li> </ul> </body> </html> CSS body { background-color: #2C3333; color: #D3E0EA; text-align: center; font-family: cursive; } h1 { color: #2666CF; font-size: 130px; font-family: cursive; } p1 { font-size: 30px; } p2 { font-size: 25px; } h3 { color: #2666CF; font-size: 50px; text-align: center; } a { color: #D3E0EA; } hr { border-style: none; border-top-style: dotted; border-color: #395B64; border-width: 7px; height: 0px; width: 8%; } table { margin-left: auto; margin-right: auto; text-align: center; } ## Publication Information - [Nikomatt.eth](https://paragraph.com/@nikomatt/): Publication homepage - [All Posts](https://paragraph.com/@nikomatt/): More posts from this publication - [RSS Feed](https://api.paragraph.com/blogs/rss/@nikomatt): Subscribe to updates - [Twitter](https://twitter.com/Nikomatt69): Follow on Twitter