DreamShaper prompt: <!DOCTYPE html> <html lang="en"> <head> <meta ...
71views
0favorites
Model used
DreamShaper7Category
nsfwGeneration parameters
Image512x512695431
Prompt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gelemso Youth Entrepreneurs Logo</title>
<style>
body {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #f0f0f0;
margin: 0;
font-family: Arial, sans-serif;
}
.logo-container {
position: relative;
width: 300px;
height: 300px;
}
.circle {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #4CAF50;
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: white;
border: 5px solid #fff;
}
.circle::before {
content: '';
width: 85%;
height: 85%;
position: absolute;
border-radius: 50%;
background-color: #4CAF50;
border: 5px solid #fff;
z-index: 1;
}
.text-container {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
flex-direction: column;
padding: 20px;
}
.text-container h1 {
margin: 0;
font-size: 1.2rem;
max-width: 70%;
text-align: center;
}
.text-container p {
margin: 0;
font-size: 0.9rem;
max-width: 70%;
text-align: center;
}
.tree-container {
position: absolute;
width: 50%;
height: 50%;
z-index: 3;
}
.tree-container svg {
width: 100%;
height: 100%;
}
.outer-text {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.outer-text p {
transform: rotate(-45deg);
font-size: 1rem;
margin: 0;
padding: 0 10px;
}
</style>
</head>
<body>
<div class="logo-container">
<div class="circle">
<div class="outer-text">
<p>CHERCHER YOUTH ENTREPRENEUR CONSULTANCY</p>
</div>
<div class="text-container">
<h1>EMPOWERING YOUTH, TRANSFORMING GELEMSO</h1>
</div>
<div class="tree-container">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
<g fill="#ffffff">
<path d="M32 0C14.326 0 0 14.326 0 32s14.326 32 32 32 32-14.326 32-32S49.674 0 32 0zm0 61C15.641 61 3 48.359 3 32S15.641 3 32 3s29 12.641 29 29-12.641 29-29 29z"/>
<path d="M32 6C19.745 6 10 15.745 10 28s9.745 22 22 22 22-9.745 22-22S44.255 6 32 6zm0 42C21.504 48 13 39.496 13 28S21.504 8 32 8s19 8.504 19 20-8.504 20-19 20z"/>
<path d="M29.293 41.293l-5.5-5.5a1 1 0 011.414-1.414l4.793 4.793 9.793-9.793a1 1 0 111.414 1.414l-10.5 10.5a1 1 0 01-1.414 0z"/>
</g>
</svg>
</div>
</div>
</div>
</body>
</html>
More by @70f7b8e3d1c
Comments (0)
Please sign in to comment