kr492
3 years ago
committed by
GitHub
parent
120204995f
commit
5a1c3e78a2
@ -1,23 +1,129 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Web Dev for Beginners</title>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="description" content="Description">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<link rel="icon" type="image/png" href="images/favicon.png">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple.css"></head>
|
||||
<title>Kaif Geeks for Geeks</title>
|
||||
<script rel="stylesheet" href="style.css"></script>
|
||||
|
||||
<style>
|
||||
body{
|
||||
font-family: 'Courier New', Courier, monospace;
|
||||
background-color:hsl(217, 54%, 11%);
|
||||
}
|
||||
.container{
|
||||
margin:5%;
|
||||
padding:25px;
|
||||
border-radius: 10px;
|
||||
height:max-content;
|
||||
width:max-content;
|
||||
background-color: rgba(22, 31, 56, 0.8);
|
||||
box-shadow: 0px 5px 10px grey;
|
||||
border-style: inset;
|
||||
}
|
||||
.box{
|
||||
border-style:ridge;
|
||||
padding: 20px;
|
||||
background-color: rgba(255, 255, 255, 0.13);
|
||||
}
|
||||
.image{
|
||||
}
|
||||
|
||||
section{
|
||||
margin-top: 5px;
|
||||
background-color: rgba(255, 255, 255, 0.13);
|
||||
border-radius: 30px;
|
||||
max-width: 360px;
|
||||
padding: 10px;
|
||||
}
|
||||
/*.one :hover{
|
||||
background-color: hsl(216, 50%, 16%);
|
||||
border-radius: 20px;
|
||||
width: 360px;
|
||||
padding: 10px;
|
||||
}
|
||||
.two :hover{
|
||||
width: 360px;
|
||||
background-color: rgba(255, 255, 255, 0.13);
|
||||
border-radius: 20px;
|
||||
}
|
||||
.three :hover{
|
||||
width: 360px;
|
||||
background-color: rgba(255, 255, 255, 0.13);
|
||||
border-radius: 20px;
|
||||
}
|
||||
.four :hover{
|
||||
width: 360px;
|
||||
background-color: rgba(255, 255, 255, 0.13);
|
||||
border-radius: 20px;
|
||||
}*/
|
||||
a{
|
||||
text-decoration: none;
|
||||
color: antiquewhite;
|
||||
}
|
||||
a:hover{
|
||||
color: aqua;
|
||||
}
|
||||
.name{
|
||||
background-color: hsl(216, 50%, 16%);
|
||||
color: azure;
|
||||
padding: 5px;
|
||||
border-style: outset;
|
||||
}
|
||||
.new{
|
||||
color: aqua;
|
||||
font-size: 12px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<script>
|
||||
window.$docsify = {
|
||||
name: 'Web Development for Beginners: A Curriculum',
|
||||
repo: 'https://github.com/microsoft/Web-Dev-For-Beginners',
|
||||
relativePath: true,
|
||||
auto2top: false,
|
||||
}
|
||||
</script>
|
||||
<script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
|
||||
<center>
|
||||
<div class="container">
|
||||
<div class="image">
|
||||
<img style="border-radius: 150px; border-style: groove;" src="profile.jpg">
|
||||
|
||||
</div>
|
||||
<br>
|
||||
<div class="name">Mohammad Kaif Raza K Ansari</div>
|
||||
<br><cap class="new">(This IS my lINKTREE)</cap>
|
||||
<div class="box">
|
||||
|
||||
<a href="https://www.linkedin.com/in/kaif-raza-a17346221" >
|
||||
<section class="one">
|
||||
<box>
|
||||
<img style="height:15%; width: 15%; margin-bottom:-13px; margin-right: -12px;" src="in1.png">
|
||||
LinkedIn<br>
|
||||
</box>
|
||||
</section>
|
||||
</a>
|
||||
|
||||
<a href="https://instagram.com/md_kaifraza_492">
|
||||
<section class="two">
|
||||
<box>
|
||||
<img style="height:15%; width: 15%; margin-bottom:-13px; margin-right: -15px;" src="inst1.png">
|
||||
Instagram<br>
|
||||
</box>
|
||||
</section>
|
||||
</a>
|
||||
|
||||
<a href="https://github.com/kr492">
|
||||
<section class="three">
|
||||
<box>
|
||||
<img style="height:10%; width: 10%; margin-bottom:-13px; margin-right: -8px;" src="gh1.png">
|
||||
Github<br>
|
||||
</box>
|
||||
</section>
|
||||
</a>
|
||||
|
||||
<a href="https://twitter.com/KaifRaz32991038">
|
||||
<section class="four">
|
||||
<box>
|
||||
<img style="height:15%; width: 15%; margin-bottom:-13px; margin-right: -12px;" src="twtr1.png">
|
||||
Twitter
|
||||
</box>
|
||||
</section>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 13 KiB |
Loading…
Reference in new issue