Coding Resourcess
Kanalga Telegram’da o‘tish
🔰𝗪𝗲𝗹𝗰𝗼𝗺𝗲 𝗧𝗼 𝗖𝗼𝗱𝗶𝗻𝗴 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 🎯 🔴For Paid Promotion:- @EonixAdsBot ->𝗣𝗮𝗶𝗱 𝗖𝗼𝘂𝗿𝘀𝗲𝘀 𝗳𝗼𝗿 𝗙𝗥𝗘𝗘 🌟 @ProgrammingUnlocked ->𝗗𝗮𝘁𝗮 𝗦𝗰𝗶𝗲𝗻𝗰𝗲 𝗖𝗵𝗮𝗻𝗻𝗲𝗹 @DataScienceCourses1 ||
Ko'proq ko'rsatish156
Obunachilar
Ma'lumot yo'q24 soatlar
-4677 kunlar
-43830 kunlar
Postlar arxiv
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
*
{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
a {
text-decoration: none;
}
.hero {
width: 100%;
height: 100vh;
background: url(img/bg.png);
background-size: cover;
}
nav {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 100px;
}
.logo {
max-height: 60px;
}
nav ul li {
list-style: none;
display: inline-block;
padding: 10px 20px;
}
nav ul li a {
color: #1d1d24;
position: relative;
padding: 5px 0;
}
nav ul li a:hover {
color: #fd4766;
}
nav ul li a:after {
content: "";
position: absolute;
left: 0;
width: 0;
height: 3px;
background: #fd4766;
transition: 0.3s;
bottom: 0;
}
nav ul li a:hover:after {
width: 100%;
}
.btn {
color: #fff;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 16px 40px;
border-radius: 500px;
display: inline-block;
font-weight: 500;
transition: all 0.4s ease-in-out;
background-size: 152% 100%;
background: #fd4766;
border: 2px solid #fd4766;
}
.btn:hover {
background: transparent;
border-color: #fd4766;
color: #fd4766;
}
.content {
position: absolute;
top: 35%;
left: 8%;
}
.content .title {
color: #0a0a0a;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 4px;
display: inline-block;
margin-bottom: 20px;
background: linear-gradient(
120deg,
#1c99fe 20.69%,
#7644ff 50.19%,
#fd4766 79.69%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.content h1 {
color: #1f1f25;
font-size: 75px;
font-weight: 900;
line-height: 90px;
text-transform: inherit;
width: 70%;
}
.content h1 span {
color: #fd4766;
}
.content p {
width: 55%;
color: #202020;
margin-top: 25px;
margin-bottom: 30px;
}Personal Portfolio Website Html Code🎯✨
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Personal Portfolio Website</title> <!----CSS link-----> <link rel="stylesheet" href="style.css" /> </head> <body> <div class="hero"> <nav> <img src="./img/logo.png" class="logo" /> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Service</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> <a href="#" class="btn">Resume</a> </nav> <div class="content"> <span class="title">Freelance Web Developer</span> <h1>Hello, I’m <span>emma</span></h1> <p> I’m working on a professional, visually sophisticated and technologically proficient, responsive and multi-functional React Components. </p> <a href="#" class="btn">Download CV</a> </div> </div> </body> </html>
If in this code have error then please fix it by your self😘❤️
Coding Resourcess:-https://t.me/codingresourcessDo not forget to React to this Message for More Content Like this 👇
Thanks For Joining All 💙🙏
🔰Book Name: PRO MERN🔰
(Original Price* : ₹3700 On Amazon)
Our Price - 😱 0 Rs 😱
💢Link - https://drive.google.com/file/d/1i2-NK7LxuX5tsQEMnBY61NVUZB3yHOX4/view?usp=drivesdk
⚠️ GIVE REACTION📈👨💻
Credit:-
ENGINEER HUB'S OWNERWhich Programming language Notes and Books you want Just Suggest us through our official Bot:- @codingresourcesshelp_bot
@codingresourcesshelp_bot
Notes On Your Demand ✨
