Portfolio Website Template
A portfolio website is a website that showcases examples of an individual’s or a company’s work, projects, and accomplishments. It is often used by professionals in creative industries such as graphic design, web development, photography, writing, and art. A portfolio website can also be used by businesses to showcase their products, services, and previous projects.
The website typically includes a home page, an about section, a list of services or skills, and a portfolio section where the work is showcased. The portfolio section usually consists of images, videos, or other media types that demonstrate the quality of the work.
HTML:
<div class="header"> <div class="row"> <div class="text"> <h4>I'm</h4> <h1>Kate Winslet</h1> <h3>Web Developer</h3> <div> <button>Download CV</button> <button>Play Video</button> </div> </div> <div class="img"> <img src="profile.png"> </div> </div> </div> <img class="top" src="bg-header.png">
CSS:
<style type="text/css">
*
{
margin: 0;
padding: 0;
font-family: sans-serif;
}
.header
{
width: 1200px;
height: 700px;
margin: auto;
}
.row
{
width: 1200px;
height: 700px;
margin: auto;
}
.text
{
width: 400px;
float: left;
padding-left: 100px;
}
.text h4
{
margin-top: 250px;
color: #6244c5;
font-size: 25px;
}
.text h1
{
font-size: 65px;
margin-top: 15px;
color: #222;
}
.text h3
{
font-size: 25px;
margin-top: 15px;
}
.text button
{
width: 150px;
height: 45px;
background: #6244c5;
border: 2px solid #6244c5;
border-radius: 4px;
color: #fff;
font-size: 15px;
margin-top: 20px;
}
.text button:nth-child(2)
{
background: transparent;
color: #6244c5;
border: 2px solid #6244c5;
margin-left: 10px;
}
.img
{
width: 600px;
float: left;
}
.img img
{
width: 500px;
margin-left: 100px;
}
.top
{
position: absolute;
top: 0%;
left: 0%;
z-index: -111;
}
</style>
A portfolio website can be an essential tool for professionals to showcase their skills and expertise, as well as attract new clients or employers. It is also a way to establish a personal brand and differentiate oneself from competitors in the field.
#template #websitetemplate #website #portfolio #menu #sourcecode #html #css #web