Read more
Michail thompsion port folio's
Hello Gus I am Krishna here is my new portfolio site home page I agree with you
This is good home page design .........
Hare is source cod
<!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" content="ie=edge">
<link rel="import" href="component.html">
<title>Document</title>
<style>
.box{
width:1000px;
height:1000px;
border:px solid black;
margin-top:1800px;
border-radius:360px;
margin-left:-10px;
animation:ram 2s;
}
.box img{
width:995px;
height:995px;
margin-left:0px;
margin-top:-2000px;
margin-bottom:999px
}
.heding1{
margin-left:300px;
margin-top:70px;
}
.heding1 h1{
width:px;
color:#D78ADF;
font-size:120px;
margin-left:-80px;
animation:krishna 4s;
}
.heding1 h2{
color:black;
font-size:150px;
margin-left:-100px;
margin-top:-40px;
animation:krishna 3s;
}
.heding1 p{
color:#333;
font-size:50px;
margin-left:-150px;
margin-top:-120px;
animation:krishna 2s;
}
.heding1 button{
width:400px;
height:100px;
border-radius:10px;
background-color:#D78ADF;
margin-bottom:100px;
animation:krishna 1s;
}
.heding1 button a{
color:white;
text-decoration:none;
font-size:40px;
}
.navbar{
background-color:#D78ADF;
border-radius:10px;
}
.link{
display:flex;
align-items:center;
justify-content:center;
margin:5px 6px;
padding: 5px 6px;
}
.link a{
text-decoration:none;
margin-top:20px;
font-size:20px;
margin:5px 5px;
padding:10px 10px;
margin-left:-10px;
color:#fff;
}
.link a:hover{
color:white;
}
.logo{
margin-top:-0px;
float:left;
font-size:30px;
margin-top:-20px;
margin-left:20px;
}
.logo span{
color:#fff;
}
/*this way transform:translatey(-300px); and transform:translatey(8px); use animation of your web page; up and down see your site;(-300 down and 300 up
) */
@keyframes krishna{
0%{
opacity:-1;
transform:translatey(-300px);
}
100%{
opacity:1;
transform:translatey(8px);
}
}
@keyframes ram{
0%{
opacity:1;
transform:translatey(300px);
}
100%{
opacity:1;
transform:translatey(8px);
}
}
</style>
</head>
<nav class="navbar">
<div class="logo">
<h1>mi<span>chail</span></h1>
<ul>
</div>
<div class="link">
<div class="link"><a href="#">home</a></div>
<div class="link"><a href="#">about</a></div>
<div class="link"><a href="#">skill</a></div>
</ul>
</div>
</div>
</nav>
<div class="heding1">
<h1>there i'm</h1>
<h2>michail thompson</h2>
<p>a ux/ui desingner and a full stack web developer.i helped 3000+ vlint wild wide bring there idia to the oneline market let's celibate.. </p>
<button><a href="#">get in tuch</a></button>
</div>
<body>
<div class="box">
<img src="/Picsart_24-06-19_08-56-42-712.png" alt="">
</div>
</div>
</body>
</html>
Down image code
.png)
0 Reviews