A Pen by JunsukPark on CodePen.
Created
July 8, 2016 06:07
-
-
Save morishjs/7e9220025df7e6080a4f8f4cb0311599 to your computer and use it in GitHub Desktop.
Portfolio
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
<html> | |
<head> | |
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"/> | |
<link href='https://fonts.googleapis.com/css?family=Rajdhani' rel='stylesheet' type='text/css'> | |
<link href='https://fonts.googleapis.com/css?family=Work+Sans' rel='stylesheet' type='text/css'> | |
<link href='https://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'> | |
<link rel="stylesheet" type="text/css" href="jquery.fullPage.css" /> | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | |
<!-- This following line is optional. Only necessary if you use the option css3:false and you want to use other easing effects rather than "linear", "swing" or "easeInOutCubic". --> | |
<script src="vendors/jquery.easings.min.js"></script> | |
<!-- This following line is only necessary in the case of using the plugin option `scrollOverflow:true` --> | |
<script type="text/javascript" src="vendors/scrolloverflow.min.js"></script> | |
<script type="text/javascript" src="jquery.fullPage.js"></script> | |
</head> | |
<body id="header-color"> | |
<div class="container-fluid"> | |
<nav class="navbar navbar-default navbar-fixed-top"> | |
<div class="row"> | |
<div class="col-xs-8"> | |
<img src="https://lh3.googleusercontent.com/vI_4RMRV_r8P6cv1MP4Hgprjic4L3EXtn82wLvyVZZIHKJmAvzlo5LlhL_KagIzsCg7vRM7YJZfqRM1Vp57N6aIF2h1AakOd6OEpVJYGAFGiTDB6mgcUsQ0QL8TyVt-chwXY7wcv0aGQgCo_2-NIB1xaNV-lqdj6V4a28BLRXZ__nLgBZgpPEmYJMzBxKw0lxKoWqz15TylPnqyfplgkzCPpZwWBVnF4_cv8Psu-9roabD5yfOF421-plKs_YNKPLAKIo9jyWBZzL-owxyemueMiv3G8j57OPQ_m-yfRkf1qIOEJlc7J9bKEWqReOwtE0fj2cekHeI9R9rYYLQc2dNt08uRONqjNJ-6-ziMILFndpK3PyuMzajaZrGMTBe85GAlFJE34ePRCLP8VkFrGWhbxO5Ri41kSLouSnCWyPYFLQLGieOeXN6hDWvP3Cus_DtNe-YfKaw__LJSFpPLeF_NVqtSXcx9iHkyNMTjD2I1eMQVztcaopo33vP1PTSVLl6x5_69AqONmEzZ5aiPb46uOb4GV5MDJNm5_9YshnEb4Hex52OnsV4Dl7yezU9uLdv5QTcN6NOTZJ6_isdyrNKMXAFfGpfM=w300-h61-no" | |
width="300" id="icon-margin"> | |
</div> | |
<!-- need to adjust margin between text--> | |
<div class="col-xs-4" id="menu-margin"> | |
<div class="row" id="menu-font"> | |
<ul class="nav nav-phills"> | |
<div class="col-xs-4"> | |
<li> | |
<a href="#"> | |
<font color="#555555">About me</font> | |
</a> | |
</li> | |
</div> | |
<div class="col-xs-3"> | |
<li> | |
<a href="#work"> | |
<font color="#555555">Work</font> | |
</a> | |
</li> | |
</div> | |
<div class="col-xs-3"> | |
<li role="presentation" class="active"> | |
<a href="#contact"> | |
<font color="#555555">Contact</font> | |
</a> | |
</li> | |
</div> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</nav> | |
<div id="nav-margin"> | |
<h1 class="text-center" id="name-font">I'M JUNSUK</h1> | |
<h5 class="text-center" id="description-font">Impassioned programmer, web and any client program.</h5> | |
<h5 class="text-center" id="description-font">All programs are made with my labtop, for job offer contact me.</h5> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-xs-6"> | |
<div class="jumbotron"> | |
<h3>Junsuk Park</br><small>Programmer, Airbnb Host</small></h3></br> | |
<p id="bio-font">The name is Junsuk and I'm a Web and client programmer, with extensive practical experience in programming. I graduated the university with high GPA and have internship experience at Samsung SDS. I was graduate school student and it was | |
honor to work with HVR Lab. Thanks to colleagues, I could win the 'Student Innovation Challenge' and I got the prize, Honor metion from the judges.</p> | |
</br> | |
<p id="bio-font">I love travel and traveler. I've been over some states in United States by myself. I'm also Airbnb host. I've lived with foreign traveler from 2009 and I can't count the number of guests by now. Travel and the people who I met for traveling | |
make me lead to creative man.</p> | |
</div> | |
</div> | |
<div class="col-xs-6"> | |
<div class="jumbotron"> | |
<img src="https://lh3.googleusercontent.com/gtf6_ZfDnTMUZTyTOYN5GkIDFV8qv1NVft7nvi_-wt5UjgyvfsdrJmYkf5wh7DEcUZoitFRLTNSy7udJz__H3fGFJuW736Su4PdrdPu4vnluQH9AotjTtuaK56wag-4YiU4uFkuIOhwy_zMhVtXbqytGpyl3GohB7UW6YCfgQpgfx3N9j4SsFlX4yqEI_VbzpKaTlRl1gl5pVj0pEfpb3ORzPgpFvjnHsdJX3wOygify0a1E4rqmpTnEJvr7YBhQpv_Q2uvEFCmYio7evAxrnFSFR_ejt5nZoKoMZrrGasAO83aUf6niafGr-GZV3lSuMgyxwhSUZl5fQjrivahQ3LQxDemlj1HJ3rQucv7QcajpaEjxBYOmRlDJsHnjht6QSZFjCeuHSAwKvBvgJc2avzkNGkOxIjT99dwNmja68sTXT88SW9aIFaYlH382aGozQ9O0FXRATybEByhrsb-k16gTjBojiGdNtLdl_1rKDXEz6J-97sjdU3UZsF09cvg7mHJkaLOyDb-X3yJVDkWNQr9IfKFLN3pzTQIptHs0cm93p67tW9_hti4goY4mZqKgy9p3wya-jBQo1-7CCdzVU5yUpCWeY6w=w944-h708-no" | |
class="img-responsive"> | |
</br> | |
<img src="https://lh3.googleusercontent.com/Hp2uH1J-kj-vZ5aLp5e50CHtkySYiIPQ9T2fg3tTl7Gki7Zg0roDBEwvqkGgo55lxGyjCnqbDn10C5x0iS2-FP_Sj1FAt4a5eCkzT0-U8vsrSjRa-aMp_lhap2_2s1szDqNt_MdsEcKxWuzS_KErijVLLtDjz4xuP6mnUuWb5IjLkrefJdxNz35_EifCVgbKKZKbg3E2g6V0PsvnW99p1JqhxNSiBGMUdWqr-xWwEZtp-qMp9_9XcZFt9nSdX8cac1WX6Og1UYSDr35eq3BaCBdrolTj7I7Lx1MfaeJ8hmkh_FUKxh1KivVuVmvvHt4Qw1uQigrqUHcSAjv-6OxtOW5WQ32PzLsw31IMmloDK0KebwUK8QJ3xIe7_8gk57UQKzswLRVJPys3KTGBuCUNX5ixtIwvXiWjoz2-Cl1XNrz6xmgW2EIDL5b9YRZON8GmrPAhZ8Gm_rbSXKzhEppHi1-n11EDNATJQfq8djkx7KiipXNhN6aFQ7kei_9b5YFXOrRgfErgCjs9fmlEW-B37Abrm-56ikLL07owCmG8uJ6O-idRnYpplzhQGyesyNXT2VjolwGKw-3RYfYyFw_LEjdgG1o9o9o=w944-h708-no" | |
class="img-responsive"></br> | |
<img src="https://lh3.googleusercontent.com/E7rRgiki6Md3kyDgdDwoHHMsQT-ObB_eWmke4OJFI2CFm7BDmv4GUrwIj7kGXqTrqtXHIHpN0fZl486MqyOmMAC4arGN9SqvPIVzqn58qm92jWP1WwRzyDOhNoPPRwxulMB4Mw6QO8Fxuv5vbpMm8Us4UlZQwOh0b5ICjiXUwPma4tJt29cRQq2M9wzGZ-wSnSh8QliBsKfibsDIfD6A9A2yz7WFUIUEGK5ao2mEhKe5ZoruCa_mditwBnq5En7g67YiORvT8A9T0HdnoD26EowIuGxz4hZ_kfhaXrndQ3EZ14-W7AIRoXR0ddfJogkIPGwwyyppgTBdbMRbsG_9fcc3c9T5z_UFWytfJM7TSHE4yIf1NFl4OsflUK7e9RmVSBZ6Q8XEicWBQC1sqyMIBD7Yg4MnT1UEBOQ8Bx2GysarJsaKq-YFyhdtCf213DDsdlvYQAQFUghVT3Br5KHgy4N79YyoqQzMv-cltoDevqZp9_7KlZkZd1C5tp1-6i9LtOZ6xqt8je-cvGI1yoLKNZy0-EyjQqe5ffQ0xa9Llh1kopFarxNAd97acEYnRbhouaSMiLdhxbg_jqwZHGHQwF_yHOaoW0o=w945-h709-no" | |
class="img-responsive"></br> | |
<img src="https://lh3.googleusercontent.com/MzOPRpCDjpSebg8VCtg7jBLsXp3cmq4SFduUTOFEEUeO1fVUp283TGnFSXyh_IaV1yK0eAiH72Hm4ilCixqjmoIBM8tr5sXB8w1spxM2cSFdgmroJOeY-huIskr-pVdYj7ClM8fpWPqzQ1XgRQvkQ0tl3p5JoY7mO1ew2R7o8naouBXYI34AdvuMoRzSsfDQf2t8CG3OLZLJ54tQ8H8bq9tR9kYb9TNK3ldQEFV6ceL7BeopGKTx8v3-EC23nh1OmhfeF41bkUQIoHSNGcYKDpKcs5UZLMUyU_UF8UasjU39ED4stfY90Fq9BuGYgblC7x3nhExDMhQvlG2qWZyithi0gRwfci2NY2nkhRQmiqfzi4rI_Wg5DGAb51dLqYLKDJDBSt3Y4Z5gCYFnW178PKg1rcY8vRiLyLToz000jCpK4gXlH502srZgK48KvRBor6okwzQUl4gp3tdvq5S6382Nc9YuvZEUlH3ZyaOr4RjLeRP7a3l0j-nX8gLoK5GJ_tFqAX1yvpNp05NWdQ1RJyLSmOaR4vlCxcTEa9lccUrukTJvOnK2R9UsGns96YSbPU77HzUJW9fv7VMSB-XtlZkzlwIp-dA=w944-h699-no" | |
class="img-responsive"></br> | |
</div> | |
</div> | |
<!-- well is over--> | |
</div> | |
</div> | |
<!-- col is over--> | |
<div id="work" class="row"> | |
<div class="col-xs-8 center-block"> | |
<div id="#bio-font" class="jumbotron"> | |
<div class="well"> | |
<h3>Experience</br></br><small>Intern</small></br><font size="3">Samsung SDS</br><font size="2">Jun2014 - August 2014(3 months)</font></br>- <font id="font-weight" size="2">Analyzing open source and added features to program.</font></font></h3> | |
</br> | |
</div> | |
<!--well end--> | |
<div class="well"> | |
<h3>Education</br></br><small>Free Code Camp</small></br><font size="3">Computer Science, Front end development certification</br><font size="2">Jun 2016 - Jun 2016(Ongoing)</font></br>- <font id="font-weight" size="2">Study to get certification</font></font></h3> | |
</br> | |
<h3><small>POSTECH</small></br><font size="3">Haptics, Computer engineering</br><font size="2">2015 - 2016</font></br>- <font id="font-weight" size="2">Won the Student Innovation Challenge sponsored by Disney, Google ATAP(IEEE Haptics Symposium 2016 in Philadelphia) | |
</br>- Studied about Haptics, Psychophysics and worked about national project. | |
</br>- Withdrawal on June</font></font></h3> | |
<h3><small>Hongik University</small></br><font size="3">Computer engineering, Bachelor's degree(3.91/4.5)</br><font size="2">2009 - 2015</font></br>- <font id="font-weight" size="2">Almost all classes opened in computer department I took | |
</br>- Good grade in my major | |
</br>- Intern student in Multimedia storage lab(related to P2P) </font></font></h3> | |
</div> | |
<!--well end--> | |
</div> | |
</div> | |
</div> | |
<!-- row is over--> | |
<div id="contact" class="row"> | |
<div class="col-xs-8 center-block"> | |
<div id="#bio-font" class="jumbotron"> | |
<div class="text-center"> | |
<h3>Contact Me</h3> | |
<a href="//facebook.com/bbangddam" class="btn btn-social-icon btn-facebook"><i class="fa fa-facebook"></i></a> | |
<a href="//github.com/park53kr"class="btn btn-social-icon btn-github"><i class="fa fa-github"></i></a> | |
<a href="//www.instagram.com/jun.s.park/" class="btn btn-social-icon btn-instagram"><i class="fa fa-instagram"></i></a> | |
<a href="//kr.linkedin.com/in/junsuk-park-4b8419b0" class="btn btn-social-icon btn-linkedin"><i class="fa fa-linkedin"></i></a> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
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
#work{ | |
margin-top : 30px; | |
} | |
#font-weight{ | |
font-weight: bold; | |
} | |
#icon-margin{ | |
margin-top : 30px; | |
margin-bottom : 10px; | |
} | |
#menu-margin{ | |
margin-top : 40px; | |
margin-bottom : 0px; | |
} | |
#nav-margin{ | |
margin-top : 200px; | |
} | |
#menu-font{ | |
font-family: 'Rajdhani', sans-serif; | |
font-size: 25px; | |
} | |
#name-font{ | |
font-family: 'Abel', sans-serif; | |
font-size: 80px; | |
} | |
#description-font{ | |
font-family: 'Abel', sans-serif; | |
font-size: 18px; | |
} | |
#bio-font{ | |
font-family: 'Questrial', sans-serif; | |
font-size: 17px; | |
} | |
#photos { | |
/* Prevent vertical gaps */ | |
line-height: 0; | |
-webkit-column-count: 5; | |
-webkit-column-gap: 0px; | |
-moz-column-count: 5; | |
-moz-column-gap: 0px; | |
column-count: 5; | |
column-gap: 0px; | |
} | |
.smaller-image{ | |
width: 500px; | |
} | |
.vertical-scrollbar | |
{ | |
overflow-x: hidden; | |
overflow-y: scroll; | |
width: auto; | |
height: 300px; | |
} | |
h3{ | |
font-family: 'Montserrat', sans-serif; | |
font-weight: 300; | |
text-transform: none | |
} | |
jumbotron{ | |
width: 500; | |
} | |
.center-block { | |
margin-top : 60px; | |
float: none !important} | |
.btn-social{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} | |
.btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em} | |
.btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em} | |
.btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em} | |
.btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding-left:0;padding-right:0}.btn-social-icon :first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)} | |
.btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg :first-child{line-height:45px;width:45px;font-size:1.8em} | |
.btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm :first-child{line-height:28px;width:28px;font-size:1.4em} | |
.btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs :first-child{line-height:20px;width:20px;font-size:1.2em} | |
.btn-social-icon :first-child{border:none;text-align:center;width:100% !important} | |
.btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0} | |
.btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0} | |
.btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0} | |
.btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:hover,.btn-bitbucket:focus,.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{color:#fff;background-color:#183c60;border-color:rgba(0,0,0,0.2)} | |
.btn-bitbucket:active,.btn-bitbucket.active,.open .dropdown-toggle.btn-bitbucket{background-image:none} | |
.btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)} | |
.btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:hover,.btn-dropbox:focus,.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d70b7;border-color:rgba(0,0,0,0.2)} | |
.btn-dropbox:active,.btn-dropbox.active,.open .dropdown-toggle.btn-dropbox{background-image:none} | |
.btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)} | |
.btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:hover,.btn-facebook:focus,.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{color:#fff;background-color:#30487b;border-color:rgba(0,0,0,0.2)} | |
.btn-facebook:active,.btn-facebook.active,.open .dropdown-toggle.btn-facebook{background-image:none} | |
.btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)} | |
.btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:hover,.btn-flickr:focus,.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{color:#fff;background-color:#d6006f;border-color:rgba(0,0,0,0.2)} | |
.btn-flickr:active,.btn-flickr.active,.open .dropdown-toggle.btn-flickr{background-image:none} | |
.btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)} | |
.btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:hover,.btn-github:focus,.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{color:#fff;background-color:#303030;border-color:rgba(0,0,0,0.2)} | |
.btn-github:active,.btn-github.active,.open .dropdown-toggle.btn-github{background-image:none} | |
.btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)} | |
.btn-google-plus{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google-plus:hover,.btn-google-plus:focus,.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{color:#fff;background-color:#ca3523;border-color:rgba(0,0,0,0.2)} | |
.btn-google-plus:active,.btn-google-plus.active,.open .dropdown-toggle.btn-google-plus{background-image:none} | |
.btn-google-plus.disabled,.btn-google-plus[disabled],fieldset[disabled] .btn-google-plus,.btn-google-plus.disabled:hover,.btn-google-plus[disabled]:hover,fieldset[disabled] .btn-google-plus:hover,.btn-google-plus.disabled:focus,.btn-google-plus[disabled]:focus,fieldset[disabled] .btn-google-plus:focus,.btn-google-plus.disabled:active,.btn-google-plus[disabled]:active,fieldset[disabled] .btn-google-plus:active,.btn-google-plus.disabled.active,.btn-google-plus[disabled].active,fieldset[disabled] .btn-google-plus.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)} | |
.btn-instagram{color:#fff;background-color:#517fa4;border-color:rgba(0,0,0,0.2)}.btn-instagram:hover,.btn-instagram:focus,.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{color:#fff;background-color:#446a89;border-color:rgba(0,0,0,0.2)} | |
.btn-instagram:active,.btn-instagram.active,.open .dropdown-toggle.btn-instagram{background-image:none} | |
.btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#517fa4;border-color:rgba(0,0,0,0.2)} | |
.btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:hover,.btn-linkedin:focus,.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{color:#fff;background-color:#005f8d;border-color:rgba(0,0,0,0.2)} | |
.btn-linkedin:active,.btn-linkedin.active,.open .dropdown-toggle.btn-linkedin{background-image:none} | |
.btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)} | |
.btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:hover,.btn-pinterest:focus,.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{color:#fff;background-color:#a81a20;border-color:rgba(0,0,0,0.2)} | |
.btn-pinterest:active,.btn-pinterest.active,.open .dropdown-toggle.btn-pinterest{background-image:none} | |
.btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)} | |
.btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:hover,.btn-tumblr:focus,.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{color:#fff;background-color:#1f3346;border-color:rgba(0,0,0,0.2)} | |
.btn-tumblr:active,.btn-tumblr.active,.open .dropdown-toggle.btn-tumblr{background-image:none} | |
.btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)} | |
.btn-twitter{color:#fff;background-color:#2ba9e1;border-color:rgba(0,0,0,0.2)}.btn-twitter:hover,.btn-twitter:focus,.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{color:#fff;background-color:#1c92c7;border-color:rgba(0,0,0,0.2)} | |
.btn-twitter:active,.btn-twitter.active,.open .dropdown-toggle.btn-twitter{background-image:none} | |
.btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#2ba9e1;border-color:rgba(0,0,0,0.2)} | |
.btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:hover,.btn-vk:focus,.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{color:#fff;background-color:#4a6a89;border-color:rgba(0,0,0,0.2)} | |
.btn-vk:active,.btn-vk.active,.open .dropdown-toggle.btn-vk{background-image:none} | |
.btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)} | |
#contact{ | |
} | |
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
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment