search

GD-THE-HACKER / ANJELINA

Happy Birthday 🎂
MIT License
0 stars 0 forks source link

Myweb #4

Closed GD-THE-HACKER closed 2 years ago

GD-THE-HACKER commented 2 years ago

CREATE WEBSITE WITH GD 👇👇👇

<! doctype html>

pallavi

Hello

i am gd the hacker

web developer and hacker

hire me contact me 
  _*STYLE.CSS*_
       👇👇👇

*{ margin: 0; padding: 0; font-family: 'Rubik', sans-serif; }

header{ width: 100%; height: 100vh; background-image: linear-gradient(to left, #fff 85%; #c3f5ff 20%); }

.navsection{ width: 100%; height: 100vh; background-color: yellow; display: flex; justify-content: space-around; align-items: center; background-image: linear-gradient(to top,#fff 80%, #c3f5ff 20%); }

.logo width: 40%; color: #fff; background-image: linear-gradient(#8dg8e3,40%, #854fee; 60%); padding-left: 100px; box-sizing: border-box; }

.logo h1{ text-transform: uppercase; font-size: 1.6rem; animation-direction: alternate; }

@keyframes aagepiche{ from{ padding-left: 40px; } to { padding-right: 40px; } }

nav{ width: 60%; background-color: yellow; display: flex; justify-content: space-around; }

nav a{ text-decoration: none; text-transform: uppercase; color: #000; font-weight: 900; font-size: 17px; position: relative; }

nav a:first-child{ color: #4458dc; }

nav a:before{ content: ""; position: absolute; top: 110%; left: 0; width: 0; height: 2px; border-bottom: 2px solid #4458dc; transition: all 0.4s linear; }

nav a:hover:before{ width: 100; }

main{ height: 80vh; display: flex; justify-content: space-around; align-items: }

.rightside{ border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ; background-color: #e8fbff; }

.rightside img{ max-width: 400px; height: auto; }

.leftside{ color: #000; text-transform: uppercase; }

.leftside h3{ font-size: 40px; margin-bottom: 20px; position: relative; {

.leftside h3:after{ content: ""; width: 450px; height: 3px; position: absolute; top: 43%; left: 23.4%; background: #000; }

.leftside h1{ margin-top: 20px; font-size: 70px; margin-bottom: 25px; text-transform: uppercase; border-radius: 5px; display: inline-block; margin-right: 50px; color: #fff; letter-spacing: 0; background-image: linear-gradient(to right,#4458dc 0%,#854fee,100%), radial-gradient(circle at top left,#4458dc,#854fee); border: double 2px transparent; box-shadow: 0 10px 30px rgba(118,85,225,.3); }

.leftside h2{ margin-bottom: 35px; font-weight: 500; word-spacing: 4px; {