Activity Feed

Start A Challenge

My Courses

HTML Fundamentals

Web Development

Programming Languages

Activity Feed

Sudeep Jaiswal posted a new code "SoloLearn UI Clone"

web

<!DOCTYPE html>
<html lang="en">
    <head>
          <meta charset="UTF-8">
  <meta name="viewport"
content="width=device-width, initial-
scale=1.0">
  <meta http-equiv="X-UA-Compatible" co...

Sudeep Jaiswal posted a comment on the code "UI Clone Contest"

        Here is my code...
https://code.sololearn.com/W3FLIyNt37Tr/?ref=app

Hot Today All

SoloLearn UI Clone v0.5

Sudeep Jaiswal

web1000M 200K Just Now4.4B

WhatsApp Clone v0.5

JaseemAkhtar

web355 141 24 days6.7K

WhatsApp Clone

Sudeep Jaiswal

web386 258 4 days10.2K

FaceBook Messenger UI Clone

Sudeep Jaiswal

web133 96 5 days3K

Hot Today

+2.3k Welcome to SoloLearn form!

1 year 201k

+3.2k To all (beginner) programmmers!

3 year 10.7k

+948 [NOTQUESTION] A Helpful Coding Tip

2 year 2.9k

+809 Advice for new programmer

2 year 3k

{}

Sudeep Jaiswal

jaiswal4sudeep@gmail.com

SoloLearn PRO

Settings

Sudeep Jaiswal

INDIA • LEVEL 16

8K Followers • 72 Following

A Self Learner...

Welcome To My Profile >_<

Notifications

ACTIVITY

MESSAGES

SoloLearn started following you

JaseemAkhtar posted a comment on your code "SoloLeran UI Clone v0.5"

MarshMello replied your comment on your code "MarshMello Biography"

Bill Gates and 1M others like your code "SoloLeran UI Clone v0.5"

No messages

Start your first conversation

GET STARTED

Settings

Account

Edit Profile Change Password Connected Accounts Blocked Accounts Manage Weapons SoloLearn PRO

settings

Activity Feed Push Notifications Default SectionActivity Feed Night Mode

ThemeCyan SoundEnable in-app sounds Location ServicesEnable location access for local leaderboards, nearby learners and a more personlized experience. LanguageEnglish Terms of Use Sign Out

Code Playground

HTML

CSS

OUTPUT

<!DOCTYPE html>
<html">
<head>
<title> Hello World </title>
</head>
<body>
<div class="text">
<p> Hello </p>
<p> World!!! </p>
</div>
</body>
</html>

.text{
position:absolute;
top:35%;
width:100%;
height:auto;
}
p{
background:url("https://data.whicdn.com/
images/319728533/original.gif");
background-size: 100%;
background-repeat: no-repeat;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
width:auto;
text-align:center;
font-size: 70px;
margin:0;
font-weight: bolder;
}

//No JS

Hello

World!!!

TAB < > / = " RUN