Freelancer Portfolio with Testimonials
Here's an example of a freelancer portfolio with testimonials using Bootstrap:
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<title>Freelancer Portfolio</title>
</head>
<body>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<h1 class="text-center mb-4">Freelancer Portfolio</h1>
<div class="card mb-4">
<img src="portfolio-image.jpg" class="card-img-top" alt="Portfolio Image">
<div class="card-body">
<h5 class="card-title">John Doe</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat enim eget sapien tincidunt, sed dignissim nulla varius.</p>
</div>
</div>
<h2 class="text-center mb-4">Testimonials</h2>
<div class="card-deck">
<div class="card">
<div class="card-body">
<p class="card-text">"John Doe is a talented and professional freelancer. He delivered excellent results on time and exceeded our expectations. Highly recommended!"</p>
</div>
<div class="card-footer">
<small class="text-muted">Client A</small>
</div>
</div>
<div class="card">
<div class="card-body">
<p class="card-text">"Working with John Doe was a great experience. His attention to detail and creativity helped us achieve outstanding results. I would definitely hire him again."</p>
</div>
<div class="card-footer">
<small class="text-muted">Client B</small>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>In this example, we have a freelancer portfolio with a portfolio image and testimonials section. The layout is structured using Bootstrap's grid system, with a container and row to center the content. The portfolio image is displayed using the `card-img-top` class within a `card` component. The freelancer's name and description are added inside the `card-body` section.
The testimonials section is created using the `card-deck` class to display the testimonial cards in a horizontal row. Each testimonial is represented by a `card` component with the testimonial text inside the `card-body` section. The client's name or identifier is displayed in the `card-footer` section.
You can replace the placeholder text and image with your own content and customize the styles as needed. Remember to update the image source (`src`) attribute to your portfolio image file.
Output:
About the Author
Silan Software is one of the India's leading provider of offline & online training for Java, Python, AI (Machine Learning, Deep Learning), Data Science, Software Development & many more emerging Technologies.
We provide Academic Training || Industrial Training || Corporate Training || Internship || Java || Python || AI using Python || Data Science etc
PreviousNext
Join our newsletter for the latest updates.
About us
Our Services
Contact Us
Our Courses
Learn Python | Learn AI | Learn Machine Learning | Learn Deep Learning | Learn Core Java | Learn Java JSP | Learn Java Servlet | Learn Java Spring Core | Learn Spring Boot | Learn Power BI | Learn DAA | Learn HTML | Learn SQL | Learn C Programming | Learn Bootstrap | Learn Git | Learn JavaScript | Learn Data Structure Using C | Learn RDBMS | Learn Data Science | Learn PHP
Our Tutorials
Python Tutorial | AI Tutorial | Machine Learning Tutorial | Deep Learning Tutorial | Core Java Tutorial | Java JSP Tutorial | Java Servlet Tutorial | Java Spring Tutorial | Spring Boot Tutorial | Power BI Tutorial | DAA Tutorial | HTML Tutorial | SQL Tutorial | C Programming Tutorial | Bootstrap Tutorial | Git Tutorial | JavaScript Tutorial | Data Structure Using C Tutorial | RDBMS Tutorial | Data Science Tutorial | PHP Tutorial
Copyright © 2023 Pythontpoint Powered by Silan Software Pvt. Ltd. All rights reserved.