Myprofile
How do I make an myprofile?
What is a myprofile? How do you make a myprofile? This script and codes were developed by Soufiane Abid on 12 October 2022, Wednesday.
Myprofile - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Myprofile</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script src='https://code.jquery.com/jquery-2.2.1.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js'></script>
</body>
</html>
Myprofile - Script Codes CSS Codes
@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Oxygen+Mono);
body{ background: #000;
}
.profile-header { background: #000; box-shadow: none; border-bottom: dashed 3px #f1c40f;
}
.profile-avatar{ border-radius: 50%;
}
#mini-personal-avatar, #mini-team-avatar{ border-radius: 50%;
}
.primary-nav .primary a { color: #f1c40f; font-family: 'Roboto Condensed', sans-serif; background: #000; -webkit-transition: all ease-in .4s; transition: all ease-in .4s;
}
.button { background: #000000; border-radius: 30px; color: #f1c40f; border: none; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; min-width: 150px; padding : 5px; -webkit-transition: all ease-in-out .4s; transition: all ease-in-out .4s;
}
.button:hover{ background: #f1c40f; color: #000; }
.follow-block{ font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding-left: 5px;
}
.links-and-stats{ margin-bottom: 20px;
}
.primary-nav>a::after, .primary-nav>ul>li>a::after{ background: #f1c40f;
}
.primary-nav .primary-pens a:hover::after, body.explore-pens .primary-nav .primary-pens a::after{ background: #eee;
}
.primary-nav .primary-posts a:hover::after, body.explore-posts .primary-nav .primary-posts a::after{ background: #eee;
}
.primary-nav .primary-collections a:hover::after, body.explore-collections .primary-nav .primary-collections a::after{ background: #eee;
}
.single-pen{ border: none;
}
.meta .pen-title{
color: #000;
}
.meta{ background: #F1C40F;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.meta a{ color: #000; border-bottom: 1px dashed transparent; -webkit-transition: all .1s ease-in-out; transition : all .1s ease-in-out;
}
.meta a:hover{ color: #000; border-bottom: 1px dashed #000; margin-left: 10px;
}
.iframe-wrap>.meta-overlay a { color: #FFF;
}
.iframe-wrap>.meta-overlay a:hover{ color: #000;
}
.iframe-wrap>.meta-overlay{ background-color: #000;
}
.promo-footer{ display: none;
}
.button-outline{ border: 2px solid #f1c40f;
}
.priority-nav__dropdown{ background: #f1c40f;
}
.button-outline:hover, .button-outline:focus{ border: 2px solid #f1c40f; background: #f1c40f;
}
.iframe-wrap > .meta-overlay .pen-actions{ border-bottom: 3px dashed #f1c40f;
}
.profile-header a { color: #f1c40f;
}
.profile-header a:hover { color: #000; background: #f1c40f;
}
.profile-name h1{ color: #f1c40f; padding: 20px;
font-family: 'Poiret One', cursive;
}
.profile-username{ color: #bdc3c7; border: 1px dashed #bdc3c7; padding: 5px; border-radius: 30px;
}
a:hover{ color: #f1c40f;
}
.explore-tabs a.active{ color: #f1c40f;
}
.profile-nav-2 { background: #000; padding: 10px; border-top: 5px solid #f1c40f; margin: 0 0 20px 0; text-align: center;
}
.search-form .search-input{ display: none;
}
.link-list a:hover{ color: white;
background: #000; -webkit-transition: all ease-in-out .5s; transition: all ease-in-out .5s;
}
.profile-bio{ font-family: 'Roboto Mono', ;
}
.profile-location { color: rgba(255,255,255,0.8);
}
.pen-title{ border-bottom: 1px solid #f1c40f; padding-bottom: 15px;
font-family: 'Roboto Condensed', sans-serif;
}
.follow-block>strong{ font-family: 'Roboto Mono', ; font-size: 1.4em;
}
::-webkit-scrollbar
{ width: 5px; background-color: #000;
}
::-webkit-scrollbar-thumb
{ background-color: #f1c40f;
}
Developer | Soufiane Abid |
Username | SoufianeAbid |
Uploaded | October 12, 2022 |
Rating | 3 |
Size | 2,451 Kb |
Views | 22,264 |
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 |
A Pen by Soufiane Abid | 1,510 Kb |
Push Over Menu | 4,275 Kb |
TTT Plans Pricing Table | 3,101 Kb |
ScrollTop | 2,229 Kb |
Samatic | 1,776 Kb |
About me Sliding | 3,722 Kb |
Jump loading | 1,796 Kb |
Rotation | 1,798 Kb |
One click to copy | 2,034 Kb |
R4 | 1,815 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 |
Carousel Test | Sbirchall | 1,509 Kb |
Sort the Knowlege | Eprouver | 3,915 Kb |
Mandelbrot Fractal | _Billy_Brown | 2,706 Kb |
Social buttons | Flacu | 2,022 Kb |
Christ the Redeemer | Prashantsani | 2,208 Kb |
RPG Style Text Dialogue | Odylic | 2,635 Kb |
Search field | Jamesbarnett | 2,100 Kb |
Caputre Cam with JS | KimmoCommit | 2,795 Kb |
Learning canvas drawing | Aurer | 2,204 Kb |
Opening Reveal Modal On Document Ready | Winghouchan | 1,787 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!