Read more
Madia leea portfolio website homepage
This website creating only knowledge and
This is a smartphone friendly websites.becouse I make of this website a smartphone android base app spack editer now
The Source code here now-
<html>
<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">
<title>leea portfolio</title>
<style>
.navbar{
background-color:transparent;
border-radius:20px;
1q I padding:1px;
position:fixed;
width:98%;
margin-top:-130px;
}
.navbar ul{
overflow:auto;
}
.navbar li {
background-color:transparent;
list-style:none;
float:right;
padding:4px 5px;
margin:6px 7px;
animation:krishna 3s;
}
.navbar li a{
text-decoration:none;
color:white;
font-size:20px;
cursor:pointer;
background-color:black;
}
.navbar li a:hover{
color:yellow;
}
.logo{
float:left;
font-size:30px;
letter-spacing:2px;
margin-top:-25px;
margin-left:20px;
cursor:pointer;
color:#fff;
text-transform:uppercase;
animation:ram 2s;
}
.logo span{
color:yellow;
}
.image{
width:900px;
height:900px;
margin:auto;
margin-top:200px;
margin-left:60px;
box-shadow:0 0 30px;
animation:ram 6s;
overflow:hidden;
}
.image img{
width:900px;
height:900px;
transition:3s;
}
.image img:hover{
transform:scale(1.3);
}
.heading{
color:white;
font-size:70px;
margin-top:20px;
background:#333;
border-width:20px 20px;
animation:krishna 1s;
margin-left:10px;
float:left;
border-radius:10px;
}
.heading1 h1{
color:white;
font-size:120px;
margin-left:150px;
text-transform:uppercase;
animation:krishna 2s;
}
span{
color:yellow;
}
p{
color:white;
font-size:50px;
animation:krishna 3s;
}
.btn{
color:white;
padding:40px 100px;
margin:100px;
border-radius:10px;
cursor:pointer;
background-color:#DB9F16;
animation:krishna 4s;
cursor:pointer;
}
.btn a{
text-decoration:none;
font-size:30px;
color:white;
}
.btn a:hover{
color:black;
}
.ptn{
padding:50px 100px;
border-radius:10px;
margin-top:-60px;
background-color:#DB9F16;
animation:krishna 5s;
cursor:pointer;
}
.ptn a{
text-decoration:none;
color:white;
font-size: 20px;
animation:ram 3s;
}
.ptn a:hover{
color:black;
}
@keyframes krishna{
0%{
transform:translatey(300px)
}
50%{
transform:translatey(8px);
}
}
@keyframes ram{
0%{
opacity:-4
}
50%{
opacity:4
}
}
</style>
</head>
<body bgcolor="black">
<nav class="navbar">
<div class="logo">
<h1>madie<span>leea</span></h1>
</div>
<ul>
<li><a href="#">content</a></li>
<li><a href="#">isckon</a></li>
<li><a href="#">about</a></li>
<li><a href="#">home</a></li>
</ul>
</nav>
<div class="image">
<img src="/Picsart_24-06-21_12-46-24-144.jpg" alt="">
</div>
<div class="heading">
software developer
</div>
<div class="heading1">
<h1>madie <span>leea</span> </h1>
<p>hello i am madia leea from uk and i am a frontend software developer wellcome to my portfolio site.</p>
</div>
<button class="btn"><a href="">download cv</a></button>
<button class="ptn"><a href="">hare i am</a></button>
</body>
</html>
.png "https://drive.google.com/file/d/1-J3EcwBalND_n0om7Dwda64Tiz8syVNL/view?usp=drivesdk") |
0 Reviews