Portfolio
How do I make an portfolio?
What is a portfolio? How do you make a portfolio? This script and codes were developed by Joseph1401 on 16 September 2022, Friday.
Portfolio - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Portfolio</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container-fluid"> <div class="row content"> <div class="col-sm-2 nav-fix"> <h3>Joe Mills</h3> <ul class="nav nav-pills nav-stacked"> <li><a href="target">About Me</a></li> <li><a href="#section2">Portfolio</a></li> <li><a href="#section3">Contact</a></li> </ul><br> </div> <div class="col-sm-2 sidenav side-under"> </div> <div class="col-sm-9"> <h2>About Me</h2> <hr> <p>Food is my passion. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <hr> <h2>Portfolio</h2> <hr> <div> <img src="http://placehold.it/150x150"> <img src="http://placehold.it/150x150"> <img src="http://placehold.it/150x150"> <img src="http://placehold.it/150x150"> <img src="http://placehold.it/150x150"> <img src="http://placehold.it/150x150"> <img src="http://placehold.it/150x150"> </div> <hr> <h2>Contact Me</h2> <hr> <p><strong>Email:</strong> [email protected] </p> <p><strong>Phone:</strong> 555-555-5555 </p> <p><strong>Adress:</strong> 4444 Fake St. </p> </div> </div>
</div>
<footer class="container-fluid"> <p>Hi</p>
</footer>
</body>
</html>
Portfolio - Script Codes CSS Codes
.nav-fix{ position:fixed; background-color: lightblue; height: 100%;
}
footer { position: relative; background-color:; color: white; padding: 15px; z-index:0 ;
}
| Developer | Joseph1401 |
| Username | jmills4122 |
| Uploaded | September 16, 2022 |
| Rating | 3 |
| Size | 2,031 Kb |
| Views | 60,720 |
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 |
| TicTacToe | 4,955 Kb |
| Flex Stuff | 2,107 Kb |
| Current Weather | 3,714 Kb |
| Pomodoro | 2,758 Kb |
| Diagonal menu Test | 2,382 Kb |
| Collections browser thumbnails | 2,573 Kb |
| Menu test | 3,871 Kb |
| Quote Generator | 4,410 Kb |
| Eyes | 3,210 Kb |
| A Pen by Joseph1401 | 2,721 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 |
| Placeholder support for contentEditable elements, without JavaScript | Flesler | 1,863 Kb |
| JQuery Validate checkbox group | Lunaman | 2,466 Kb |
| Simple jQuery Slider | Jurbank | 2,874 Kb |
| Konami Code Easter Egg | Teolitto | 3,051 Kb |
| Fixed with using Calc | Tomleo | 2,542 Kb |
| Animated rainbow wave on canvas | Icodeforlove | 2,777 Kb |
| Right Click Menu | Anodpixels | 2,252 Kb |
| Airbnb Homepage | SindhujaD | 2,480 Kb |
| A Different Type of Gallery | DonPage | 2,950 Kb |
| Fun form with currentColor | Bnthor | 2,713 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!