Scribd
Upload
24 views1 page

Funnel Design for User Conversion

The document is an HTML template for a presentation slide titled 'Funnel Design' focused on optimizing user journeys for conversion. It includes styling with Tailwind CSS, a background image, and a dark overlay for text visibility. The presenter, Agnes, is mentioned at the bottom of the slide.

Uploaded by

dafnie54
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
24 views1 page

Funnel Design for User Conversion

The document is an HTML template for a presentation slide titled 'Funnel Design' focused on optimizing user journeys for conversion. It includes styling with Tailwind CSS, a background image, and a dark overlay for text visibility. The presenter, Agnes, is mentioned at the bottom of the slide.

Uploaded by

dafnie54
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd

<head>

<meta name="viewport" content="width=device-


width,initial-scale=1" />
<script src="[Link]
<script
src="[Link]
[Link]"></script>
<link href="[Link]
family=Material+Icons" rel="stylesheet">
<style>
html, body { margin:0; padding:0; overflow:hidden;
font-size: 1.4vw }
.slide { width:1280px; min-height:720px;
padding:40px; box-sizing:border-box; overflow:hidden;
position:relative; background-color:#fff; }
.custom-border { border: 2px solid #910DF9; }
</style>
</head>
<body>
<div class="slide flex flex-col items-center justify-
center p-0" style="background-image: url('[Link]
[Link]/proxy-images-sg/online_files/
GUvSJfHG'); background-size: cover; background-position:
center;">
<!-- Dark Overlay -->
<div class="absolute inset-0 bg-black bg-opacity-
50"></div>

<!-- Content -->


<div class="relative z-10 text-center text-
white">
<h1 class="text-7xl font-bold" style="color:
#ffffff;">Funnel Design</h1>
<p class="mt-6 text-4xl" style="color:
#ffffff;">Optimizing User Journeys for Conversion</p>
</div>

<!-- Presenter Name -->


<div class="absolute bottom-12 right-12 z-10">
<p class="text-3xl font-medium text-
white">Agnes</p>
</div>
</div>
</body>
</html>

You might also like