xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<title>Portfolio Website</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<h1>My Portfolio</h1>
</header>
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<section id="about">
<h2>About Me</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla rutrum nulla eu gravida faucibus.</p>
</section>
<section id="projects">
<h2>Projects</h2>
<ul>
<li>Project 1</li>
<li>Project 2</li>
<li>Project 3</li>
</ul>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Email: example@example.com</p>
</section>
<footer>
<p>© 2022 My Portfolio. All rights reserved.</p>
</footer>
</body>
</html>
xxxxxxxxxx
// check https://www.awwwards.com
// has some nice portfolios and is gud for inspiration
xxxxxxxxxx
you can get some portfolio templates on https://colorlib.com/ or on www.github.com
xxxxxxxxxx
You can get breathtaking templates on these websites, even i have used some of them:
1.http://www.mashup-template.com/ (It may show you this site is not secure but
it's secure, it just doesn't have SSL security and that is only needed for
transactions you can read more here :
https://www.cloudflare.com/en-in/learning/ssl/what-is-ssl/)
2.https://www.creative-tim.com/templates (This site too has quite good templates
. Some are paid but worth you can use for free too.)
3.https://mailchimp.com/landers/templates/?gclid=Cj0KCQiAnaeNBhCUARIsABEee8WRftr_njLdPfm0AsLfyLPvDSaqQAxSBjiUqcBvFiC-7NDy9_aOu9saApv7EALw_wcB&gclsrc=aw.ds
You can get good templates here as well as you can use this site to host your own
website too.
xxxxxxxxxx
<!-- about section-->
<section id="about">
<div class="container mt-4 pt-4">
<h1 class="text-center">About Me</h1>
<div class="row mt-4">
<div class="col-lg-4">
<img src="images/about.jpeg" class= "imageAboutPage" alt="">
</div>
<div class="col-lg-8">
<p> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
</p>
<div class="row mt-3">
<div class="col-md-6">
<ul>
<li>Name: David Parker</li>
<li>Age: 28</li>
<li>Occupation: Web Developer</li>
</ul>
</div>
<div class="col-md-6">
<ul>
<li>Name: David Parker</li>
<li>Age: 28</li>
<li>Occupation: Web Developer</li>
</ul>
</div>
</div>
<div class="row mt-3">
<p> Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</p>
</div>
</div>
</div>
</section>
xxxxxxxxxx
For a beginnner, its okay not to know, that's how we all learn. Remember, we were all beginners at some point.
Get yourself a free template from sites like templemo, break and play around with it. Try figuring out what does what.
When stuck, copy the line and paste it on google search box, let google do the trick for you.
Make good use of Bootstrap. It'll make your work eeasier.
xxxxxxxxxx
You can visit my website and check out the template - https://kendalldoescoding.gq
xxxxxxxxxx
Find ideas by looking at other peoples portfolio and start by building something
easy and minimalistic.
Next, try to put some fabulous animations, transitions or interactions.
xxxxxxxxxx
Lots of coder upload their portfolio in GitHub and host it with username.github.io
Generate idea by simulating some of those projects and then gets your own
xxxxxxxxxx
You can find a full flagged static portfolio template (HTML & CSS)
https://shihabiiuc.com/portfolio-website-design-with-html-css/