Animated Portfolio Website Template in HTML CSS & JS | Personal Website with Text Typing
<!DOCTYPE html>
<html lang="KO">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Card Website</title>
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link rel="stylesheet" href="style.css">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'poppins', sans-serif;
}
body {
background: #1f242d;
}
.header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px 10%;
background: transparent;
display: flex;
justify-content: space-between;
align-items: center;
z-index: 100;
}
.logo {
font-size: 25px;
color: #fff;
text-decoration: none; 30
}
</style>
</head>
<body>
<header class="header">
<a href="#" class="logo">SEONGGYUN님 홈피.</a>
<nav class="navbar">
<a href="#">Home</a>
<a href="#">About </a>
<a href="#">Skillo </a>
<a href="#">Portfolio</a>
<a href="#">Contact</a>
</nav>
</header>
<section class="home">
<div class="home-content">
<h3>Hello, lt's Me</h3>
<h1>John Kerndric</h1>
<h3>Andl'm a <span>Frontend Developl</span></h3>
<p>Lorem ipsum dolor sit amet, consectertur adipisicing alit
Possimus nullo sed saepe rerum, animi expedita</p>
<div class="social-media">
<a href="#"><i class="bx bx1-facebook"></li></a>
<a href="#"><i class="bx bx1-twitter"></li></a>
<a href="#"><i class="bx bx1-instagram-alt"></li></a>
<a href="#"><i class="bx bx1-linkedin"</lio></a>
</div>
<a href="#" class="btn">Down load CV</a>
</div>
<div class="home-img">
<img src="home.png" alt="">
</div>
</section>
<script src="script.js"></script >
</body>
</html>
꿀팁: html&css52 tag A
boxicons.com [ https://boxicons.com/ ]
Porttollo. Home About Skillo Portfolio Contact
Hello, lt's Me _ John Kerndric _ Andl'm a Frontend Developl
Lorem ipsum dolor sit amet, consectertur adipisicing alit Possimus nullo
sed saepe rerum, animi exp;edita Download Cv
꿀팁: html&css52 tag B
Animated Portfolio Website Template in HTML CSS & JS | Personal Website with Text Typing
첫댓글 https://www.google.com/search?q=Animated+Portfolio+Website+Template+in+HTML+CSS+%26+JS+%7C+Personal+Website+with+Text+Typing+Animation&client=avast-a-1&sca_esv=583899177&tbm=isch&sxsrf=AM9HkKlk5UFQpaH82-G8PSP9r8J_uiuaBA:1700462311934&source=lnms&sa=X&ved=2ahUKEwjB3Lng-9GCAxURdfUHHXDJAwAQ_AUoAXoECAQQAw&biw=1920&bih=958&dpr=1
옷구매 https://www.pinterest.co.kr/news_hub/5331996969237798571/?utm_campaign=HOMEFEED_NEW_PINS&utm_medium=2902&utm_source=67&e_t=XDgSgKLKw%3A147&tracking_id=738d91f4fee043fc9076459087a0fc1a&scoring_id=738d91f4fee043fc9076459087a0fc1a&snapshot_id=193d761cb1e248c7a65b05d128070c68