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
| .web-presence | |
| a.web-presence__anchor.web-presence__anchor--me(href='http://harunpehlivantebimtebitagem.ml/') | |
| .web-presence__anchor--me__text HARUN PEHLİVAN | |
| img.web-presence__anchor--me__img(src='http://www.doyoubuzz.com/var/users/_/2016/11/15/18/1300826/avatar/1253797/avatar_cp_630.jpg?t=1504092899') | |
| .web-presence__anchor--me__text FOUNDER CEO BLOGGER | |
| a.web-presence__anchor.web-presence__anchor--codepen(href='https://codepen.io/harunpehlivan/') | |
| i.web-presence__anchor__icon.fa.fa-codepen |
harunpehlivan
/ bootstrap-framework-snippet-profile-card-with-animation.markdown
Created
September 4, 2017 13:35
Bootstrap framework snippet profile card with animation
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
| <!---------------------- | |
| Our profile cards | |
| ------------------------> | |
| <div class="cards-container"> | |
| <div class="card card-one"> | |
| <header> | |
| <div class="avatar"> | |
| <img src="http://www.doyoubuzz.com/var/users/_/2016/11/15/18/1300826/avatar/1253797/avatar_cp_630.jpg?t=1504470047" alt=" | |
| HARUN PEHLİVAN |
harunpehlivan
/ aligning-icons-to-text-example-1.markdown
Created
September 6, 2017 23:20
Aligning Icons to Text: Example 1
Aligned on the left. Unaligned on the right. Party all around.
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 class="wrapper"> | |
| <div class="image-wrapper"> | |
| <img src="http://www.doyoubuzz.com/var/users/_/2016/11/15/18/1300826/avatar/1253797/avatar_cp_630.jpg?t=1504470047" alt="Alex Tkachov" /> | |
| <h1 class="name"> | |
| HARUN PEHLİVAN | |
| </h1> | |
| <p class="description">FOUNDER| CEO | BLOGGER</p> | |
| <ul class="social-media"> | |
| <a href="https://www.instagram.com/harunpehlivantebimtebitagem"><i class="fa fa-instagram" target="_blank"></i></a> |
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
| <aside class="profile-card"> | |
| <header> | |
| <!-- here’s the avatar --> | |
| <a target="_blank" href="#"> | |
| <img src="http://www.doyoubuzz.com/var/users/_/2016/11/15/18/1300826/avatar/1253797/avatar_cp_630.jpg?t=1504470047/" class="hoverZoomLink"> | |
| </a> | |
| <!-- the username --> | |
| <h1> | |
| HARUN PEHLİVAN |
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
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Twitter Card</title> | |
| <link rel="stylesheet" href="css/estilos.css"> | |
| <link href='https://fonts.googleapis.com/css?family=Quicksand:300,400,700' rel='stylesheet' type='text/css'> | |
| <link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'> | |
| <link href="https://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet"> | |
| </head> |
harunpehlivan
/ harun-pehlivan-resume-flexbox.markdown
Created
September 7, 2017 22:34
HARUN PEHLİVAN Resume Flexbox
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
| .polaroid | |
| <a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-family:-apple-system, BlinkMacSystemFont, "San Francisco", "Helvetica Neue", Helvetica, Ubuntu, Roboto, Noto, "Segoe UI", Arial, sans-serif;font-size:12px;font-weight:bold;line-height:1.2;display:inline-block;border-radius:3px;" href="http://harunpehlivantebimtebitagem.ml/" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Jack Ford"><span style="display:inline-block;padding:2px 3px;"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white;" viewBox="0 0 32 32"><title></title><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3 |