Portfolio

Developer
Tommy Dufour
Size
2,003 Kb
Views
14,168
  1. Portfolio Previews
  2. Portfolio HTML Codes
  3. Portfolio CSS Codes

How do I make an portfolio?

What is a portfolio? How do you make a portfolio? This script and codes were developed by Tommy Dufour on 20 September 2022, Tuesday.

Portfolio Previews
IQ Test

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> <header class="navbar navbar-default navbar-fixed-top"> <nav class="nav" role="navigation"> <ul> <li> <a href="#about"><font color=#EEE>ABOUT</a> </li> <li> <a href="#portfolio"><font color=#EEE>PORTFOLIO</a> </li> <li> <a href="#contact"><font color=#EEE>CONTACT</a> </li> </nav> </header>
<div class="gbackground"> <div class="wrap1" id="about"> <p> My name is Tommy Dufour and I'm a 30 years old french- canadian. I studied and worked as a Civil Engineer in Canada, Sri Lanka and now in Indonesia. I'm trying to learn to code for a future part-time job in Bali.</p> </div> <div class="wrap1" id="portfolio"> <h1> Portfolio</h1> </div>
</div>
</body>
</html>

Portfolio - Script Codes CSS Codes

body { margin-top: 80px; margin-right:30px; margin-left:30px; margin-bottom:20px;
} .gbackground{ background-color:#DDE; margin-top: 30px;
}
.navbar{ background-color:#222;
}
.nav{ float: right;
}
.nav li { display:inline-block; padding: 10px 20px; text-decoration: none; text-align:left; font-size: 16px; font-family: Baskerville; color:white;
}
.wrap1 { width:100%; }
p { font-size: 25px; font-family: Baskerville bold; text-align:center; width: 650px; margin:0 auto 0 auto; color:#222; }
h1 { font-size: 50px; font-family: Baskerville bold; text-align:center; margin:50 auto 50 auto; color:#222; }
Portfolio - Script Codes
Portfolio - Script Codes
Home Page Home
Developer Tommy Dufour
Username tommydufour
Uploaded September 20, 2022
Rating 3
Size 2,003 Kb
Views 14,168
Do you need developer help for Portfolio?

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!

Tommy Dufour (tommydufour) Script Codes
Name
Test-01
Create amazing captions with AI!

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!