buil
HTML & CSS only building
I so want this to be my workplace.
Try resizing the screen to see the responsive effect.
Twitter
&
Instagram
Originally designed by Leslie Wilkins
instaembed34567
Lazy Instagram Embed Gonna Be Lazy
Donec sed odio dui. Aenean lacinia bibendum nulla sed consectetur. Nullam id dolor id nibh ultricies vehicula ut id elit. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing
Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Aenean lacinia bibendum nulla sed consectetur. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Vestibulum id ligula porta felis euismod semper.
Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla.
Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Curabitur blandit tempus porttitor. Donec ullamcorper nulla non metus auctor fringilla.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec sed odio dui. Nullam id dolor id nibh ultricies vehicula ut id elit.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Maecenas faucibus mollis interdum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Maecenas faucibus mollis interdum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Maecenas faucibus mollis interdum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Cras justo odio, dapibus ac facilisis in, egestas eget quam. Integer posuere erat a ante venenatis dapibus posuere velit aliquet.
Maecenas faucibus mollis interdum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Maecenas faucibus mollis interdum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Maecenas faucibus mollis interdum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Nullam id dolor id nibh ultricies vehicula ut id elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
copypaste
social links
A CodePen plugin to easily display links to your social profiles within a Pen - see bottom right.
Usage
-
In your JavaScript Pen settings add the external js file:
https://codepen.io/woodwork/pen/XXZaGQ.js
-
Call the
social()function and pass through your social profiles in the format"WebsiteIndicator/YourUsername"You can pass through as few or as many as you like - but not too many, you don't want to look desperate.For personal websites: drop the
WebsiteIndicatorand just pass through"/anywebsite.com".social("twitter/username", "codepen/username", "linkedin/personal-url", "/yourwebsite.com"); -
Customise:
The default theme is dark, positioned at the bottom with no message. You can change these by passing through"light", "top"and"Any message you like!":social("codepen/woodwork", "top", "light", "Made with ♡ by Joe Harry");Oh, and if you like discos, you'll also want to pass through
"disco". - Optionally: save your Pen as a template to easily include your social signature in future Pens.
Links
Feel free to request more...
social(...);
- "codepen/username",
- "twitter/username",
- "dribbble/username",
- "github/username",
- "instagram/username"
- "/yourwebsite.com"
- "facebook/personal-url",
- "linkedin/personal-url",
note: don't include /in/
Customise
Optionally pass through these config settings with your links
"light"
- light theme
"top"
- position top
"disco"
- disco hover mode
"Follow me!"
- display a message below your links
You can override the message font by targeting
#social-message{}
in your CSS.
icons8375
To show the Icon version of the button Simply add a class of "icon".
Facebook Google+ Twitter Google LinkedIn Pay with Paypal Amazon Sync with Dropbox Clip to Evernote Call me on Skype Sign in as guest Play on Spotify Last.fm Songkick Follow me on Forrst Dribbble Sign in to CloudApp Fork me on Github Follow me on Pinterest Follow me on Quora Bookmark with Pinboard Attend on Lanyrd Download on iTunes Download on Android Disqus Yahoo Upload to Vimeo Add to Chrome Get a new browser Made from HTML5 Read It Later Read more on Scribd View on Wikipedia Tip with Flattr Follow me on Tumblr Subscribe to my Posterous Check in with Gowalla Check in with foursquare Write a review on Yelp Follow me on Soundcloud Read on Smashing Magazine WordPress IntenseDebate OpenID Gmail Eventbrite Eventasaurus Meetup.com AIM Follow me on Plancast Subscribe on YouTube Available on the Mac App Store View Creative Commons Licence Subscribe to RSS Follow me on Weibo Follow me on Plurk Follow me on Grooveshark Post on Blogger Viadeo Subscribe to this Podcast View Portfolio on 500px Bitcoin accepted here View Portfolio on 99Designs Stumble! Download on iTunes Find me on Myspace Windows Live Influence with Klout Xing Upload to Flickr Del.icio.us Reserve with OpenTable Digg this Share on Reddit Call a phone Add to calendar
Suscribirse a:
Entradas (Atom)
Let's be pals