Portfolio Page

1,983 Kb

How do I make an portfolio page?

What is a portfolio page? How do you make a portfolio page? This script and codes were developed by Kayla Tullis on 26 December 2022, Monday.

Portfolio Page Previews

Portfolio Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Portfolio Page </title> <link rel="stylesheet" href="css/style.css">
<body> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/>
<nav class="navbar navbar-default navbar-static-top">
<div class="container">	<div class="navbar-header">	</div>	<div id="navbar" class="navbar-collapse collapse">	<ul class="nav navbar-nav"> <li><button><a href="#contact">Contact Me</a></button></li> <li><button><a href="#skills">My Work</a></button></li> <li><button><a href="#about">About Me</a></button></li> <li><button><a href="#home">Home </a></button><li> <li><a href="...">Kayla Tullis's Portfolio</a></li>	</ul>	</div>
</div> </head> <div> <body background="https://ae01.alicdn.com/kf/HTB17BR1KFXXXXbmXVXXq6xXFXXXK/8x10FT-Customize-Photo-Studio-Backdrop-Light-Brick-Wall-Portrait-Wooden-Floor-Background-Digital-Printing-Vinyl-8x8.jpg">

Portfolio Page - Script Codes CSS Codes

background-color: skyblue;
li { display: inline; float:right; }
a { display: block; padding: 8px; }
ul { background-color:black;
ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: skyblue;
li { float: right; padding:13px;
button { width:110px
li a { display: block; text-align: center; padding: 15px 16px; text-decoration: none;
/* Change the link color to #111 (black) on hover */
li a:hover { background-color: #111;
nav ul{ margin:0; paddging:0;
#heading{ align:right; text-color:black;
Portfolio Page - Script Codes
Portfolio Page - Script Codes
Home Page Home
Developer Kayla Tullis
Username KaylaMT
Uploaded December 26, 2022
Rating 3
Size 1,983 Kb
Views 12,144
Do you need developer help for Portfolio Page?

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!

Kayla Tullis (KaylaMT) Script Codes
Web Layout 1
Create amazing marketing copy 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!