Personal Portfolio Webpage - Nummo
How do I make an personal portfolio webpage - nummo?
What is a personal portfolio webpage - nummo? How do you make a personal portfolio webpage - nummo? This script and codes were developed by Nummo on 10 December 2022, Saturday.
Personal Portfolio Webpage - Nummo - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Personal Portfolio Webpage - Nummo</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <div class="fixed"> <p style="padding: 10px 15px 0 15px; word-spacing: 100px;" id="subhead" > <a id="about">about</a> <a id="portfolio">portfolio</a> <a id="contact">contact</a> </p> <!--<table> <tr style="padding: 0 15px 0 15px"> about </tr> <tr style="padding: 0 15px 0 15px"> portfolio </tr> <tr style="padding: 0 15px 0 15px"> contact</tr> </table> --> <!--<ul> <li><a class="active" href="#about">about |</a></li> <li><a class="active" href="#portfolio">portfolio |</a></li> <li><a class="active" href="#contact">contact</a></li> </ul>--> </div> <h1 id="title">nummo</h1> <h2 >about</h2> </div> <p id="subhead">ux designer • web designer • web developer</p> <h2>projects</h2>
</div> <svg width="800" height="180"> <rect x="100" y="20" width="150" height="150"/> <rect x="300" y="20" width="150" height="150"/> <rect x="500" y="20" width="150" height="150" />
</svg> <table class="examples" align="center"> <td colspan="2"> ux process </td> <td rowspan="2"> web design </td> <td rowspan="2"> web development </td> </table>
<table align="center"> <tr> <td class="socialMedia"> <a href="https://github.com/Nummo" target_"blank"><span><img class="socialIMG" src="https://cdn0.iconfinder.com/data/icons/octicons/1024/mark-github-256.png"/></span></a></td> <td class="socialMedia"><a href="https://www.freecodecamp.com/nummo" target_"blank"><span><img class="socialIMG" src="https://cdn.rawgit.com/Deftwun/e3756a8b518cbb354425/raw/6584db8babd6cbc4ecb35ed36f0d184a506b979e/free-code-camp-logo.svg"/></span></a></td> <td class="socialMedia"><a href="https://codepen.io/nen/" target_"blank"><span><img class="socialIMG" src="https://blog.codepen.io/wp-content/uploads/2012/06/Button-Black-Large.png"/></span></a></td> <h2>get in touch</h2> <div class ="mailingList"> <form align="center"> <input type="text" placeholder="name"> <input type="text" placeholder="email"> </form> <form> <input type="text" placeholder="message"> </form> </div> <div class="footer"> <p>© nummo 2016</p> </div>
</body>
</body>
</html>
Personal Portfolio Webpage - Nummo - Script Codes CSS Codes
body{ background-color:#12073B; color: white;
} div.fixed { position: fixed; top: 0px; width: 100%; /* border: 3px solid black; */ text-align:center; background-color: white;
}
a:visited { background-color: white;
}
/*
table { border: 1px solid black; background-color: black;
}
*/
/*ul{ background-color:6E45E8; border: 2px solid 6E45E8;
}
*/
/*ul > li{ color: #FFFFFC; list-style-type: none; display: inline; font-size:20px;
}
*/
#title{ text-align: center; font-family: SimSun; letter-spacing: 2px; size: 100px; line-height:200%;
}
#subhead{ text-align: center; font-family: SimSun; size: 15px; padding: 0px 0px 0px 0px; line-height:10%;
}
h2{ font-family: SimSun; text-align: center; size: 10px; padding: 10px 20px 10px 20px; line-height:350%;
}
.headersTogether{ display: inline-block; height: 200px;
}
img{ background-color:#E0E0E0;
}
.examples{
} /* for screen shots of webpages */
.mailingList { align=center;
}
.socialMedia { height: 55px; width: 55px;
}
.socialIMG { height: 55px; width: 55px; box-shadow: none;
}
.footer{ color:#C2C2C2; text-align:center; position: absolute; right: 0; left: 0;
}
Developer | Nummo |
Username | nen |
Uploaded | December 10, 2022 |
Rating | 3 |
Size | 2,713 Kb |
Views | 8,096 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Calendar | 1,758 Kb |
Notepad | 1,717 Kb |
Tiger | 2,188 Kb |
Pen jar | 1,139 Kb |
Baby bear | 1,964 Kb |
Ruler | 2,012 Kb |
Beaver | 2,157 Kb |
Stripes | 1,703 Kb |
Clock | 1,878 Kb |
Moving pulse bubble | 2,288 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Three js | Paulq | 2,353 Kb |
Improve | Gavra | 1,652 Kb |
Weather App | OmranAbazid | 2,596 Kb |
Scoreboard.js basic usage | Tbleckert | 1,733 Kb |
Konami Code Easter Egg | Teolitto | 3,051 Kb |
Playing with FlexBox | _Billy_Brown | 3,162 Kb |
Materializecss input form | Jasonchan | 1,443 Kb |
We Simplify animation | Meodai | 48,169 Kb |
Obligatory CSS3 UI Nav | Romandiaz | 9,017 Kb |
Placeholder support for contentEditable elements, without JavaScript | Flesler | 1,863 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!