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*/
.rotating_img{
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{
width:35px
}
.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?