Ben at 20:05, 1 April 2025

2025-04-01T20:05:27Z

← Older revision		Revision as of 20:05, 1 April 2025
Line 36:		Line 36:
	margin-bottom: 20px;		margin-bottom: 20px;
	transition: transform 0.2s ease;		transition: transform 0.2s ease;
	" contenteditable="~~true~~">		" contenteditable="false">
	<div style="		<div style="
	padding: 18px 25px;		padding: 18px 25px;
Line 49:		Line 49:
	color: #ddd;		color: #ddd;
	line-height: 1.6;		line-height: 1.6;
	">~~Click to edit answer...~~<br><br>~~You can add multiple lines and~~ <span style="color: #4CAF50">~~format text~~</span> ~~as needed~~</div>		">this is an editable box<br><br>example <span style="color: #4CAF50">example</span> </div>
	</div>		</div>

Line 71:		Line 71:
	color: #ddd;		color: #ddd;
	line-height: 1.6;		line-height: 1.6;
	">~~Customize colors by modifying the gradient values and border colors~~</div>		">example</div>
	</div>		</div>

Line 80:		Line 80:
	margin-bottom: 20px;		margin-bottom: 20px;
	transition: transform 0.2s ease;		transition: transform 0.2s ease;
	" contenteditable="~~true~~">		" contenteditable="false">
	<div style="		<div style="
	padding: 18px 25px;		padding: 18px 25px;
Line 93:		Line 93:
	color: #ddd;		color: #ddd;
	line-height: 1.6;		line-height: 1.6;
	">~~Hover~~ effects ~~and smooth transitions included~~</div>		">example with hover effects</div>
	</div>		</div>

	</div>		</div>
	</div>		</div>

Ben: Created page with "

2025-04-01T20:04:07Z

Created page with "<div style=" max-width: 1400px; margin: 0 auto; padding: 30px; font-family: 'Segoe UI', system-ui, sans-serif; background: linear-gradient(45deg, #1a1a1a 0%, #2d2d2d 100%); color: #f0f0f0; ">  <div style=" background: linear-gradient(145deg, rgba(40,40,40,0.9) 0%, rgba(60,60,60,0.9) 100%); border-radius: 16px; padding: 40px; margin: 0 auto; max-width: 800px; border: 1px solid rgba(255,255,255,0.1);..."

New page
<div style="
max-width: 1400px;
margin: 0 auto;
padding: 30px;
font-family: 'Segoe UI', system-ui, sans-serif;
background: linear-gradient(45deg, #1a1a1a 0%, #2d2d2d 100%);
color: #f0f0f0;
">


<div style="
background: linear-gradient(145deg, rgba(40,40,40,0.9) 0%, rgba(60,60,60,0.9) 100%);
border-radius: 16px;
padding: 40px;
margin: 0 auto;
max-width: 800px;
border: 1px solid rgba(255,255,255,0.1);
backdrop-filter: blur(8px);
box-shadow: 0 8px 32px rgba(0,0,0,0.3);
">
<h2 style="
color: #fff;
font-size: 2.2em;
margin: 0 0 30px 0;
text-align: center;
text-shadow: 0 2px 4px rgba(0,0,0,0.3);
background: linear-gradient(45deg, #4CAF50 0%, #2196F3 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
">❓ Frequently Asked Questions</h2>


<div style="
background: rgba(0,0,0,0.3);
border-radius: 12px;
margin-bottom: 20px;
transition: transform 0.2s ease;
" contenteditable="true">
<div style="
padding: 18px 25px;
background: linear-gradient(90deg, rgba(33,150,243,0.3) 0%, rgba(33,150,243,0.1) 100%);
border-radius: 12px 12px 0 0;
border-left: 4px solid #2196F3;
font-weight: 600;
color: #8ab4f8;
">Question 1</div>
<div style="
padding: 20px 25px;
color: #ddd;
line-height: 1.6;
">Click to edit answer...<br><br>You can add multiple lines and <span style="color: #4CAF50">format text</span> as needed</div>
</div>


<div style="
background: rgba(0,0,0,0.3);
border-radius: 12px;
margin-bottom: 20px;
transition: transform 0.2s ease;
" contenteditable="true">
<div style="
padding: 18px 25px;
background: linear-gradient(90deg, rgba(76,175,80,0.3) 0%, rgba(76,175,80,0.1) 100%);
border-left: 4px solid #4CAF50;
border-radius: 12px 12px 0 0;
font-weight: 600;
color: #81C784;
">Question 2</div>
<div style="
padding: 20px 25px;
color: #ddd;
line-height: 1.6;
">Customize colors by modifying the gradient values and border colors</div>
</div>


<div style="
background: rgba(0,0,0,0.3);
border-radius: 12px;
margin-bottom: 20px;
transition: transform 0.2s ease;
" contenteditable="true">
<div style="
padding: 18px 25px;
background: linear-gradient(90deg, rgba(156,39,176,0.3) 0%, rgba(156,39,176,0.1) 100%);
border-left: 4px solid #9C27B0;
border-radius: 12px 12px 0 0;
font-weight: 600;
color: #CE93D8;
">Question 3</div>
<div style="
padding: 20px 25px;
color: #ddd;
line-height: 1.6;
">Hover effects and smooth transitions included</div>
</div>

</div>
</div>