In the head section you find the fonts used in the template
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap" rel="stylesheet">
You can change the Logo in the NAVIGATION section in the lines:
<img class="logo horizontal-logo" src="assets/img/logo.png" alt="4GREEN logo">
You can change the Carousel Header slide text in carousel-header.html in the HEADER section, in the lines:
<h1 class="animate__animated animate__fadeInLeft">Your title</h1>
<p class="animate__animated animate__fadeInRight">Your text... </p>
You can change the Carousel Header background image in assets/css/style.css in the lines:
#carousel .carousel-item.first {
background-image: url("../img/slides/your_slide.jpg");
}
You can change the Header Video Background text in video-header.html in the HERO section, in the lines:
<p data-aos="fade-up">Your small text</p>
<h1 class="display-3" data-aos="fade-left">Your TITLE</h1>
<h2 data-aos="fade-right">Your tagline</h2>
You can change the video in the Header Video Background in video-header.html in the HERO section, in the lines:
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="assets/img/your-video.mp4" type="video/mp4">
</video>
You can customize the Skills Bars in the SKILLS section in the lines:
<div class="skill">YOUR SKILL</div>
<div class="bar" data-width="95%">
<div class="bar-inner">
</div>
<div class="bar-percent">95%</div>
</div>
You can add a project filter navigation item in the PORTFOLIO section in the lines:
<ul id="portfolio-flters">
<li data-filter="*" class="filter-active">All</li>
<li data-filter=".deforestration">Your item</li>
<li data-filter=".deforestration">Your item</li>
</ul>
You can add a project in the PORTFOLIO section in the lines:
<figure>
<img src="assets/img/portfolio/your-project1.jpg" alt="Portfolio Image">
<a href="assets/img/portfolio/your-project1.jpg" class="link-prev" data-lightbox="portfolio"> <i class="far fa-eye"></i></a>
<a href="project-info.html#project-info" class="link-details" target="_blank"> <i class="fa fa-link"></i></a>
<a class="portfolio-title" href="#">Project One</a>
</figure>
You can customize Single Project carousel in project-info.html the PORTFOLIO DETAILS section, in the lines:
<div class="owl-carousel project-info-carousel">
<img src="assets/img/portfolio/yourProject-img1.jpg" class="img-fluid" alt="Project information">
<img src="assets/img/portfolio/yourProject-img2.jpg" class="img-fluid" alt="Project information">
<img src="assets/img/portfolio/yourProject-img3.jpg" class="img-fluid" alt="Project information">
</div>