Removed unused jsx files from Home directory in src/pages.
This commit is contained in:
@@ -1,43 +0,0 @@
|
|||||||
import React from "react";
|
|
||||||
|
|
||||||
const About = () => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="bg-white py-12 w-full flex justify-center">
|
|
||||||
<div className="flex flex-col md:flex-row justify-between w-10/12 h-auto">
|
|
||||||
<div className="w-full md:w-4/5 object-contain flex justify-center items-center">
|
|
||||||
<img src="/images/calender.png" className="w-full h-auto" alt="" />
|
|
||||||
</div>
|
|
||||||
<div className="container mx-auto flex flex-col justify-around h-full w-full md:py-10">
|
|
||||||
<div className="text-center md:text-start flex flex-col justify-around h-full">
|
|
||||||
<h2 className="text-xl font-bold mb-4 text-yellow-600">
|
|
||||||
CUSTOMIZE WITH YOUR SCHEDULE
|
|
||||||
</h2>
|
|
||||||
<h1 className="text-2xl md:text-4xl md:font-extrabold font-bold mb-4">
|
|
||||||
Personalized Professional Online Mentor on Your Schedule
|
|
||||||
</h1>
|
|
||||||
<p className="text-base mb-8">
|
|
||||||
Our scheduling system allows you to select based on free time.
|
|
||||||
Lorem ipsum demo text for template. Keep track of your students
|
|
||||||
class and mentoring schedules, and never miss your Session. The
|
|
||||||
best online class scheduling system with easy accessibility.
|
|
||||||
Lorem ipsum is a placeholder text commonly used to demonstrate
|
|
||||||
the visual form
|
|
||||||
</p>
|
|
||||||
<div className="flex gap-4 justify-center md:justify-start">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="focus:outline-none text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 font-medium rounded-lg text-base px-5 py-2.5 mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
|
|
||||||
>
|
|
||||||
Get started
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default About;
|
|
||||||
@@ -1,289 +0,0 @@
|
|||||||
import React from "react";
|
|
||||||
|
|
||||||
const Reviews = [
|
|
||||||
[
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
[
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
|
|
||||||
[
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
|
|
||||||
[
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "/images/Review1.jpeg",
|
|
||||||
alt: "Bonnie image",
|
|
||||||
name: "Bonnie",
|
|
||||||
occupation: "Student",
|
|
||||||
review:
|
|
||||||
"As a student of this online education website, I can confidently say that it has been an incredible experience. The platform is user-friendly and making it easy for me to learn at my own pace.",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
];
|
|
||||||
|
|
||||||
const ReviewSection = () => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="bg-gray-100 py-12">
|
|
||||||
<div className="container mx-auto">
|
|
||||||
<div className="text-center">
|
|
||||||
<h2 className=" text-2xl md:text-4xl font-bold mb-4">OUR TESTIMONIALS</h2>
|
|
||||||
<h1 className="text-3xl md:text-6xl font-bold mb-4">
|
|
||||||
What Our Students Say About Us
|
|
||||||
</h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
id="default-carousel"
|
|
||||||
className="relative w-full"
|
|
||||||
data-carousel="slide"
|
|
||||||
>
|
|
||||||
{/* <!-- Carousel wrapper --> */}
|
|
||||||
<div className="relative h-64 overflow-hidden rounded-lg md:h-96">
|
|
||||||
{/* <!-- Item 1 --> */}
|
|
||||||
{Reviews.map((reviewList) => (
|
|
||||||
<div
|
|
||||||
className="hidden duration-700 ease-in-out w-full"
|
|
||||||
data-carousel-item
|
|
||||||
>
|
|
||||||
<div className="flex w-full items-center justify-center h-full gap-8">
|
|
||||||
{/* Review no 1 */}
|
|
||||||
|
|
||||||
{reviewList.map((review) => (
|
|
||||||
<div className="w-full max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700 md:py-2">
|
|
||||||
<div className="flex flex-col items-center pb-10 p-2">
|
|
||||||
<img
|
|
||||||
className="w-20 h-20 md:w-24 md:h-24 mb-3 rounded-full shadow-lg"
|
|
||||||
src={`${review.src}`}
|
|
||||||
alt={`${review.alt}`}
|
|
||||||
/>
|
|
||||||
<h5 className="mb-1 text-xl font-medium text-gray-900 dark:text-white">
|
|
||||||
{review.name}
|
|
||||||
</h5>
|
|
||||||
<span className="text-base font-semibold text-gray-500 dark:text-gray-400">
|
|
||||||
{review.occupation}
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<p className="md:hidden text-sm text-gray-600 text-center">
|
|
||||||
{review.review.substring(0, 35)}....
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p className="hidden md:block text-sm text-gray-600 text-center">
|
|
||||||
{review.review.substring(0,200)}...
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
))}
|
|
||||||
</div>
|
|
||||||
{/* <!-- Slider indicators --> */}
|
|
||||||
<div className="absolute z-30 flex -translate-x-1/2 bottom-5 left-1/2 space-x-3 rtl:space-x-reverse">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="w-3 h-3 rounded-full"
|
|
||||||
aria-current="true"
|
|
||||||
aria-label="Slide 1"
|
|
||||||
data-carousel-slide-to="0"
|
|
||||||
></button>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="w-3 h-3 rounded-full"
|
|
||||||
aria-current="false"
|
|
||||||
aria-label="Slide 2"
|
|
||||||
data-carousel-slide-to="1"
|
|
||||||
></button>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="w-3 h-3 rounded-full"
|
|
||||||
aria-current="false"
|
|
||||||
aria-label="Slide 3"
|
|
||||||
data-carousel-slide-to="2"
|
|
||||||
></button>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="w-3 h-3 rounded-full"
|
|
||||||
aria-current="false"
|
|
||||||
aria-label="Slide 4"
|
|
||||||
data-carousel-slide-to="3"
|
|
||||||
></button>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="w-3 h-3 rounded-full"
|
|
||||||
aria-current="false"
|
|
||||||
aria-label="Slide 5"
|
|
||||||
data-carousel-slide-to="4"
|
|
||||||
></button>
|
|
||||||
</div>
|
|
||||||
{/* <!-- Slider controls --> */}
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="absolute top-0 start-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
|
|
||||||
data-carousel-prev
|
|
||||||
>
|
|
||||||
<span className="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
||||||
<svg
|
|
||||||
className="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180"
|
|
||||||
aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 6 10"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke="currentColor"
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
strokeWidth="2"
|
|
||||||
d="M5 1 1 5l4 4"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
<span className="sr-only">Previous</span>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
className="absolute top-0 end-0 z-30 flex items-center justify-center h-full px-4 cursor-pointer group focus:outline-none"
|
|
||||||
data-carousel-next
|
|
||||||
>
|
|
||||||
<span className="inline-flex items-center justify-center w-10 h-10 rounded-full bg-white/30 dark:bg-gray-800/30 group-hover:bg-white/50 dark:group-hover:bg-gray-800/60 group-focus:ring-4 group-focus:ring-white dark:group-focus:ring-gray-800/70 group-focus:outline-none">
|
|
||||||
<svg
|
|
||||||
className="w-4 h-4 text-white dark:text-gray-800 rtl:rotate-180"
|
|
||||||
aria-hidden="true"
|
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
|
||||||
fill="none"
|
|
||||||
viewBox="0 0 6 10"
|
|
||||||
>
|
|
||||||
<path
|
|
||||||
stroke="currentColor"
|
|
||||||
strokeLinecap="round"
|
|
||||||
strokeLinejoin="round"
|
|
||||||
strokeWidth="2"
|
|
||||||
d="m1 9 4-4-4-4"
|
|
||||||
/>
|
|
||||||
</svg>
|
|
||||||
<span className="sr-only">Next</span>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default ReviewSection;
|
|
||||||
@@ -1,179 +0,0 @@
|
|||||||
import React from "react";
|
|
||||||
import { MdEngineering } from "react-icons/md";
|
|
||||||
import { FaLaptopCode } from "react-icons/fa";
|
|
||||||
import { LiaLanguageSolid } from "react-icons/lia";
|
|
||||||
import { MdScience } from "react-icons/md";
|
|
||||||
import { MdHistoryEdu } from "react-icons/md";
|
|
||||||
import { MdPsychology } from "react-icons/md";
|
|
||||||
import { CgWebsite } from "react-icons/cg";
|
|
||||||
import { FaReplyAll } from "react-icons/fa";
|
|
||||||
|
|
||||||
const SubjectList = [
|
|
||||||
{
|
|
||||||
icon: "FaLaptopCode",
|
|
||||||
title: "Programming",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "MdEngineering",
|
|
||||||
title: "Engineering",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "LiaLanguageSolid",
|
|
||||||
title: "Languages",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "MdScience",
|
|
||||||
title: "Science",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "MdHistoryEdu",
|
|
||||||
title: "History",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "MdPsychology",
|
|
||||||
title: "Psychology",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "CgWebsite",
|
|
||||||
title: "Web Design",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
icon: "FaReplyAll",
|
|
||||||
title: "See all",
|
|
||||||
},
|
|
||||||
];
|
|
||||||
const SubjectSection = () => {
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<section className="bg-white py-12 flex justify-center">
|
|
||||||
<div className="w-11/12">
|
|
||||||
<div className="container mx-auto">
|
|
||||||
<div className="text-center">
|
|
||||||
<h2 className="text-xl md:text-4xl font-bold mb-4">
|
|
||||||
OUR TUTOR SUBJECTS
|
|
||||||
</h2>
|
|
||||||
<h1 className="text-4xl md:text-6xl font-bold mb-4">
|
|
||||||
Find Online Tutor in Any Subject
|
|
||||||
</h1>
|
|
||||||
</div>
|
|
||||||
<div className="grid grid-cols-2 gap-3 md:gap-4 mt-10 md:grid-cols-3 lg:grid-cols-4">
|
|
||||||
<div
|
|
||||||
id="toast-success"
|
|
||||||
className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800 "
|
|
||||||
role="alert"
|
|
||||||
>
|
|
||||||
<div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-green-500 bg-green-100 rounded-lg dark:bg-green-800 dark:text-green-200">
|
|
||||||
<FaLaptopCode className="text-base sm:text-xl" />
|
|
||||||
<span className="sr-only">Check icon</span>
|
|
||||||
</div>
|
|
||||||
<div className="ms-3 text-sm sm:text-xl font-bold text-black font-sans">
|
|
||||||
Programming
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
id="toast-success"
|
|
||||||
className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
|
|
||||||
role="alert"
|
|
||||||
>
|
|
||||||
<div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-blue-500 bg-blue-100 rounded-lg dark:bg-blue-800 dark:text-blue-200">
|
|
||||||
<MdEngineering className="text-base sm:text-xl" />
|
|
||||||
<span className="sr-only">Check icon</span>
|
|
||||||
</div>
|
|
||||||
<div className="ms-3 text-sm sm:text-xl font-bold text-black font-sans">
|
|
||||||
Engineering
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
id="toast-success"
|
|
||||||
className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
|
|
||||||
role="alert"
|
|
||||||
>
|
|
||||||
<div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-pink-500 bg-pink-100 rounded-lg dark:bg-pink-800 dark:text-pink-200">
|
|
||||||
<LiaLanguageSolid className="text-base sm:text-xl" />
|
|
||||||
<span className="sr-only">Check icon</span>
|
|
||||||
</div>
|
|
||||||
<div className="ms-3 text-base sm:text-xl font-bold text-black font-sans">
|
|
||||||
Languages
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
id="toast-success"
|
|
||||||
className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
|
|
||||||
role="alert"
|
|
||||||
>
|
|
||||||
<div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-purple-500 bg-purple-100 rounded-lg dark:bg-purple-800 dark:text-purple-200">
|
|
||||||
<MdScience className="text-base sm:text-xl" />
|
|
||||||
<span className="sr-only">Check icon</span>
|
|
||||||
</div>
|
|
||||||
<div className="ms-3 text-base sm:text-xl font-bold text-black font-sans">
|
|
||||||
Science
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
id="toast-success"
|
|
||||||
className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
|
|
||||||
role="alert"
|
|
||||||
>
|
|
||||||
<div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-yellow-500 bg-yellow-100 rounded-lg dark:bg-yellow-800 dark:text-yellow-200">
|
|
||||||
<MdHistoryEdu className="text-base sm:text-xl" />
|
|
||||||
<span className="sr-only">Check icon</span>
|
|
||||||
</div>
|
|
||||||
<div className="ms-3 text-base sm:text-xl font-bold text-black font-sans">
|
|
||||||
History
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
id="toast-success"
|
|
||||||
className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800"
|
|
||||||
role="alert"
|
|
||||||
>
|
|
||||||
<div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-red-500 bg-red-100 rounded-lg dark:bg-red-800 dark:text-red-200">
|
|
||||||
<MdPsychology className="text-base sm:text-xl" />
|
|
||||||
<span className="sr-only">Check icon</span>
|
|
||||||
</div>
|
|
||||||
<div className="ms-3 text-base sm:text-xl font-bold text-black font-sans">
|
|
||||||
Psychology
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
id="toast-success"
|
|
||||||
className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800 md:hidden lg:flex"
|
|
||||||
role="alert"
|
|
||||||
>
|
|
||||||
<div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-orange-500 bg-orange-100 rounded-lg dark:bg-orange-800 dark:text-orange-200 ">
|
|
||||||
<CgWebsite className="text-base sm:text-xl" />
|
|
||||||
<span className="sr-only">Check icon</span>
|
|
||||||
</div>
|
|
||||||
<div className="ms-3 text-base sm:text-xl font-bold text-black font-sans">
|
|
||||||
Web Design
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
id="toast-success"
|
|
||||||
className="flex items-center w-full max-w-xs p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800 md:hidden lg:flex"
|
|
||||||
role="alert"
|
|
||||||
>
|
|
||||||
<div className="inline-flex items-center justify-center flex-shrink-0 w-8 h-8 md:w-9 md:h-9 text-gray-500 bg-gray-100 rounded-lg dark:bg-gray-800 dark:text-gray-200">
|
|
||||||
<FaReplyAll className="text-base sm:text-xl" />
|
|
||||||
<span className="sr-only">Check icon</span>
|
|
||||||
</div>
|
|
||||||
<div className="ms-3 text-base sm:text-xl font-bold text-black font-sans">
|
|
||||||
See all
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default SubjectSection;
|
|
||||||
Reference in New Issue
Block a user