A Pen by HARUN PEHLİVAN on CodePen.
HARUN PEHLİVAN harunpehlivan
🏠
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <section> | |
| <div class="container"> | |
| <div class="scoreBoard"><span class="score-num">0</span>/<span class="answered-num">0</span></div> | |
| <form id="quiz_form"> | |
| <h1>Q: <span class="qus">This is a QusThis is a Qus?</span></h1> | |
| <div class="all_options"> | |
| </div> | |
| <div class="buttons"> | |
| <button type="submit">Submit</button> | |
| </div> |
harunpehlivan
/ food-recipe-app-30days30submits-day-22.markdown
Created
June 6, 2021 21:59
Food Recipe App #30days30submits #day-22
harunpehlivan
/ double-slider-sign-in-up-form-desktop-only.markdown
Created
June 6, 2021 21:47
Double slider Sign in/up Form - Desktop Only
A Pen by HARUN PEHLİVAN on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="page"> | |
| <div class="card"> | |
| <div class="half half-left"> | |
| <div class="img-container"> | |
| <img src="https://res.cloudinary.com/tercuman-b-l-m-merkez/image/upload/v1613759952/003_megvxx.jpg" alt=""> | |
| </div> | |
| </div> | |
| <div class="half half-right"> | |
| <a href="https://hpitgroup.glitch.me/" class="online">H</a> | |
| <h2 class="name">Harun Pehlivan </h2> |
harunpehlivan
/ harun-pehlivan-it-coder-designer-founder-ceo.markdown
Created
June 6, 2021 21:06
HARUN PEHLİVAN | IT (CODER,DESIGNER) FOUNDER CEO
A Pen by HARUN PEHLİVAN on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <head> | |
| <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css"> | |
| <link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'> | |
| </head> | |
| <body> | |
harunpehlivan
/ hover-over-the-profile-photo.markdown
Created
June 5, 2021 19:42
Hover over the profile photo
Hover over the profile photo to expand it into a neat profile card.
A Pen by HARUN PEHLİVAN on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="root"></div> | |
| <a target="_blank" title="instagram/web__addict" href="https://www.instagram.com/harunpehlivantebimtebitagem/"><i class="fab fa-instagram"></i></a> |
Beautiful animation for profile card design. Hover the ball to see the magic! Inspiration from Material Design by Google.
A Pen by HARUN PEHLİVAN on CodePen.
harunpehlivan
/ draggable-blend-generator.markdown
Created
June 5, 2021 16:54
Draggable Blend Generator
Generator to let you experiment with background-blend-mode and mix-blend-mode css properties together easily.
Set background color and image on the left, and select blend effect to blend background and color.
On the right you can set the mix blend mode, and drag the filter section over the background as far as you like to create different effects.
A Pen by HARUN PEHLİVAN on CodePen.