how to make portfolio website for web developer

In this tutorial, I will show you how to make a portfolio website for web developer. This is a complete step-by-step tutorial and beginner friendly. If you don’t have any previous experience, you can also make your own website only by following this step by step process. Now let’s have a look at some basic steps

Step 1 : Purchase Domain & Hosting. If you already have domain and hosting, you can skip this part.
Step 2 : Install wordpress

Step 3: Install Necessary Plugins (Elementor,Essential Addons for Elementor, WPForms Lite, Advanced Testimonial Carousel for Elementor)

Step 4: Install Theme (Hello Elementor)

Step 5: Enable from Elementor settings.

Step 6: Create a new page

Step 7: import template(download now) or create page design from scratch in step by step.

Step 8: Set the home page as default page.

CSS Code

/*Green text in title*/
b {
	color: #28E98C;
	font-weight: normal;
/*Rotating text*/
	animation:rotating 6s infinite linear;
@keyframes rotating {
    0% {
        transform: rotate(0);
    100% {
        transform: rotate(360deg);
/*CSS for exp section*/
.exp_box {
	position: relative;
.exp_box::after {
	position: absolute;
	content: '';
	width: 10px;
	height: 10px;
	background: #28E98C;
	border-radius: 50%;
	left: -5px;
	top: 0;
.exp_box:hover .exp_title p{
	color: #28E98C !important;
/*css for right side menu*/
.menu_container .e-con-inner {
	margin: 0 !important;
	--content-width: 100%;
.eael-tooltip {
	min-width: 30px !important;
	padding: 2px 0px !important;

Download image files I used

Where should I send you this file?

    Get in touch

    Have a few questions or just want to say hello? Use the form below to get in touch with me! If you are ready to book a new project please click here to fill out a design inquiry.

    Call me by Skype (farjana.rashid55)

    7 + 12 =

    [wpforms id="2272"]