Davon
How do I make an davon?
What is a davon? How do you make a davon? This script and codes were developed by Kenny Mark on 28 September 2022, Wednesday.
Davon - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Davon</title> <link rel='stylesheet prefetch' href='https://kennymark.github.io/css/simplegrid.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <body> <div class="homesection"> <div class="container"> <nav> <div class="links"> <a href="#work">Work</a> <a href="#contact">Contact</a> <a href="#blog">Blog<i class="fa fa-medium"></i></a> <div> </nav> <div class="intro"> <h1>Davon Crews</h1> <h3>Graphic Design | Web Design | Branding </h3> <p> Davon is a junior graphic designer/art lover straight outta' Nashville, Tennessee. She is currently a student at the University of Tennesse, Chattanooga majoring in graphic design. When Davon is not busy studying in school, she spends her time designing and freelancing . Albeit being a graphic designer, she also loves to work on user interface and user interaction design for mobile and web.. </p> </div> </div> </div> <div class="blogsection"> <div class="container"> <div class="articles"></div> <div class="articles"></div> <div class="articles"></div> <div class="articles"></div> <div class="articles"></div> </div> </div> <div class="worksection"> <div class="proj1"> </div> <div class="proj2"> </div> </div> <div class="contactsection"> <div class="container"> </div> </div> <script> </script>
</body>
</html> <script src="js/index.js"></script>
</body>
</html>
Davon - Script Codes CSS Codes
@import url(https://fonts.googleapis.com/css?family=Lato:700);
@import url(https://fonts.googleapis.com/css?family=Josefin+Slab:400,300,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css);
*{ margin: 0; padding: 0;
}
body{ font-family: 'Josefin Slab', serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.container{ margin:0 auto; width: 90%;
}
.homesection{ background: #273138; position: absolute; z-index: 1;
}
.links{ float: right; font-size: 22px; padding: 30px 0px 0 20px;
}
.links a { margin-right: 20px; text-decoration: none; color: white;
}
.fa{ padding-left: 10px; font-size: 17px; color: #D5D5D5;
}
.links a:hover{
}
.intro{ margin-top: 180px; width:51%; float: left;
}
.intro h1{ font-size:40px; color: #D5D5D5; text-transform: uppercase; letter-spacing: 4px; font-weight: 700;
}
.intro h3{ color: #D5D5D5; padding-top: 15px; font-weight: 300; border-bottom:3px solid rgba(194, 190, 83, 0.35); width:52%; padding-bottom:5px;
}
.intro p{ font-size: 22px; line-height: 1.4; color: #D5D5D5; padding: 45px 0 80px 0;
}
.worksection{ width: 100%;
}
.proj1{ background-color: coral; height: 350px;
}
.proj2{ background-color: black; height: 350px;
}
Davon - Script Codes JS Codes
$(function() { $('a[href*=#]:not([href=#])').click(function() { if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); if (target.length) { $('html,body').animate({ scrollTop: target.offset().top }, 750); return false; } } }); });
Developer | Kenny Mark |
Username | kennymark |
Uploaded | September 28, 2022 |
Rating | 3 |
Size | 2,784 Kb |
Views | 32,384 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Beautiful Weather App | 4,447 Kb |
Get Movie Cast App | 4,884 Kb |
Modal Thingy | 3,590 Kb |
FSE Homepage | 2,173 Kb |
Contact | 1,703 Kb |
About Fse | 2,975 Kb |
Twitter Todo List | 2,792 Kb |
Random Quote Machine | 3,891 Kb |
Modern Welcome Page | 3,216 Kb |
Blog Post M | 3,964 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
404 Error Page | WebSonick | 3,203 Kb |
Svg sky | Omodev | 7,070 Kb |
CSS Dynamic Width Square Div | Elleestcrimi | 2,861 Kb |
CSS3 Fullscreen Background Slideshow | Leetech | 3,435 Kb |
Mini Profile | Frytyler | 3,828 Kb |
Angular-HAML | Cwacht | 2,022 Kb |
CSS background-size - GSAP | Jonathan | 2,209 Kb |
Local Weather App - FreeCodeCamp | TrevorWelch | 4,134 Kb |
Bloomberg Style Link Hover | Gil-- | 1,609 Kb |
Side Sliding Menu CSS | EduardL | 4,388 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!