Learning-HTMX/13-testimonials-grid-section/src/main/resources/templates/index.html

110 lines
4.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- displays site properly based on user's device -->
<link href="/dist/output.css" rel="stylesheet" />
<link href="../../../../dist/output.css" rel="stylesheet" th:remove="all" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href=".public/images/favicon-32x32.png"
/>
<link
href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600&display=swap"
rel="stylesheet"
/>
<title>Frontend Mentor | [Challenge Name Here]</title>
<!-- Feel free to remove these styles or customise in your own stylesheet 👍 -->
<style>
.attribution {
font-size: 11px;
text-align: center;
}
.attribution a {
color: hsl(228, 45%, 44%);
}
</style>
</head>
<body class="py-20 px-7 space-y-7 text-white bg-light-grayish-blue">
<section class="py-7 px-10 space-y-4 rounded-xl bg-moderate-violet first:bg-[url('../public/images/bg-pattern-quotation.svg')] bg-no-repeat bg-[right_2rem_top]">
<div class="flex items-center">
<img
alt="Avatar image"
src="../../../../public/images/image-daniel.jpg"
class="mr-5 w-10 h-10 rounded-full border-2 border-gray-400"
/>
<div class="grow">
<h1>Daniel Clifford</h1>
<p class="text-sm opacity-50">Verified Graduate</p>
</div>
</div>
<h2 class="text-2xl">
I received a job offer mid-course, and the subjects I learned were
current, if not more so, in the company I joined. I honestly feel I got
every pennys worth.
</h2>
<p class="opacity-[70%] pb-2">
“ I was an EMT for many years before I joined the bootcamp. Ive been
looking to make a transition and have heard some people who had an
amazing experience here. I signed up for the free intro course and found
it incredibly fun! I enrolled shortly thereafter. The next 12 weeks was
the best - and most grueling - time of my life. Since completing the
course, Ive successfully switched careers, working as a Software
Engineer at a VR startup. ”
</p>
</section>
<section>
Jonathan Walters Verified Graduate The team was very supportive and kept
me motivated “ I started as a total newbie with virtually no coding
skills. I now work as a mobile engineer for a big company. This was one of
the best investments Ive made in myself. ”
</section>
<section>
Jeanette Harmon Verified Graduate An overall wonderful and rewarding
experience “ Thank you for the wonderful experience! I now have a job I
really enjoy, and make a good living while doing something I love. ”
</section>
<section>
Patrick Abrams Verified Graduate Awesome teaching support from TAs who did
the bootcamp themselves. Getting guidance from them and learning from
their experiences was easy. “ The staff seem genuinely concerned about my
progress which I find really refreshing. The program gave me the
confidence necessary to be able to go out in the world and present myself
as a capable junior developer. The standard is above the rest. You will
get the personal attention you need from an incredible community of smart
and amazing people. ”
</section>
<section>
Kira Whittle Verified Graduate Such a life-changing experience. Highly
recommended! “ Before joining the bootcamp, Ive never written a line of
code. I needed some structure from professionals who can help me learn
programming step by step. I was encouraged to enroll by a former student
of theirs who can only say wonderful things about the program. The entire
curriculum and staff did not disappoint. They were very hands-on and I
never had to wait long for assistance. The agile team project, in
particular, was outstanding. It took my learning to the next level in a
way that no tutorial could ever have. In fact, Ive often referred to it
during interviews as an example of my developent experience. It certainly
helped me land a job as a full-stack developer after receiving multiple
offers. 100% recommend! ”
</section>
<div class="attribution">
Challenge by
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
>Frontend Mentor</a
>. Coded by <a href="#">Your Name Here</a>.
</div>
</body>
</html>