Social Media Wheel

 


Social Media Wheel

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Social media wheel</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<style media="screen">
*{
margin: 0;
padding: 0;
}
body{
overflow: hidden;
}
.container{
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
height: 100px;
width: 100px;
background: #002651;
text-align: center;
border-radius: 50%;
}
.fa-plus{
margin-top: 25px;
font-size: 50px;
display: block;
color: white;
cursor: pointer;
transition: .7s;
}
.menu_group{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100px;
width: 100px;
margin: auto;
background: #775ada;
border-color: #581b98;
border-radius: 50%;
z-index: -1;
transform: scale(0);
transition: .7s;
}
.menu_group a{
position: absolute;
display: inline-block;
font-size: 12px;
color: #364f6b;
}
a:hover{
color: #2c3e50;
}
a:nth-child(1){
top: 6px;
left: 45px;
}
a:nth-child(2){
top: 24px;
left: 77px;
}
a:nth-child(3){
top: 58px;
left: 76px;
}
a:nth-child(4){
top: 78px;
left: 42px;
}
a:nth-child(5){
top: 58px;
left: 10px;
}
a:nth-child(6){
top: 23px;
left: 12px;
}
img{
  height: 15px;
}
  </style>
</head>
<body>
<div class="container" onclick="expand()">
  <i class="fa fa-plus" id="plus"></i>
</div>
<div class="menu_group" id="menu">
<a href="https://web.whatsapp.com/"  target="_blank"><img src="https://img.icons8.com/color/48/000000/whatsapp.png"/></a>
<a href="https://www.instagram.com/" target="_blank"><img src="https://img.icons8.com/fluent/48/000000/instagram-new.png"/></a>
<a href="https://www.facebook.com/" target="_blank"><img src="https://img.icons8.com/officel/80/000000/facebook-circled.png"/></a>
<a href="https://www.google.com/intl/ne/gmail/about/" target="_blank"><img src="https://img.icons8.com/fluent/96/000000/gmail.png"/></a>
<a href="https://web.telegram.org/z/" target="_blank"><img src="https://img.icons8.com/color/96/000000/telegram-app.png"/></a>
<a href="https://www.google.com/" target="_blank"><img src="https://img.icons8.com/officel/80/000000/google-logo.png"/></a>
</div>
<script type="text/javascript">
var menu = document.getElementById('menu');
var plus = document.getElementById('plus');
var abc = 0;
function expand(){
if (abc == 0) {
menu.style.transform = "scale(3)";
plus.style.transform = "rotate(360deg)";
abc = 1;
}else{
menu.style.transform = "scale(0)";
plus.style.transform = "rotate(0deg)";
abc = 0;
}
}
  </script>
</body>
</html>



Comments

Anonymous said…
Best hai bhai a please keep posting such kind of things....thank you
Anonymous said…
Thanks man waiting for this for long time
Ashwini said…
And that is hard bro :)
Joel said…
Thank you for this man...
천안한국출장 said…
Appreciating the hard work you put into your website and detailed information you offer.
It’s good to come across a blog every once in a while that isn’t the same out of date rehashed information. Great read!
I’ve saved your site and I’m including your RSS feeds to
my Google account.
Online casino korean said…
This text is invaluable. When can I find out more?

My website – Online casino korean
Augustus said…
If you are going for best contents like myself, only go to see this website daily because it presents quality contents, thanks

Here is my website … Augustus
예약금없는출장 said…
Hi! I could have sworn I’ve visited this web site before but after looking at a few
of the posts I realized it’s new to me. Anyways,
I’m definitely happy I came across it and I’ll be book-marking it and checking back frequently!
마사지업체 said…
Wow that was unusual. I just wrote an really long
comment but after I clicked submit my comment didn’t show up.
Grrrr… well I’m not writing all that over again.
Regardless, just wanted to say superb blog!
출장마사지가격 said…
You really make it seem so easy with your presentation but I find this topic to be really something
that I think I would never understand. It seems too complicated and extremely broad for me.
I am looking forward for your next post, I’ll try to get the hang of it!
홈마사지 said…
Hey I know this is off topic but I was wondering if you knew of any widgets I could
add to my blog that automatically tweet my newest twitter
updates. I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have
some experience with something like this.
Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your
new updates.
원룸출장 said…
There is certainly a lot to learn about this issue. I love all the
points you’ve made.
원룸출장 said…
There is certainly a lot to learn about this issue. I love all the
points you’ve made.
20대출장안마 said…
We’re a gaggle of volunteers and starting a brand new scheme in our community.
Your website offered us with valuable info to work on. You
have done an impressive process and our entire community can be thankful to you.
예약비없는출장 said…
My spouse and I stumbled over here from a different website and thought I might check things out.
I like what I see so now i’m following you.

Look forward to finding out about your web page again.
먹튀검증 said…
I don’t even know how I ended up here, but I thought this post was good.

I do not know who you are but definitely you are going to a famous blogger if you are not already 😉 Cheers!

Visit my homepage :: 먹튀검증
부산출장마사지 said…
What’s up, for all time i used to check weblog posts here in the early hours in the
break of day, because i enjoy to gain knowledge of more and more.
예약비없는출장 said…
Wow, wonderful weblog format! How lengthy have you ever been running a blog for?
you made running a blog look easy. The entire look of your
website is magnificent, as smartly as the content
material!
모텔출장 said…
Heya i’m for the first time here. I found this board
and I find It really useful & it helped me out much.
I hope to give something back and aid others like you aided me.
원룸출장 said…
Thanks designed for sharing such a good thinking, paragraph is nice, thats why i have read it completely
승인전화없는 토토사이트 said…
I know this web site presents quality based content and extra stuff, is there any other web page which offers
such information in quality?

Take a look at my site 승인전화없는 토토사이트
vegas casino online no deposit codes said…
I love your blog.. very nice colors & theme.
Did you design this website yourself or did you hire someone to do it for you?
Plz reply as I’m looking to design my own blog and would like to find out where u got this from.

many thanks

Stop by my homepage; vegas casino online no deposit codes
casino online free to play said…
Hi, i feel that i noticed you visited my weblog so i came to go back the
choose?.I am trying to in finding things to enhance my site!I guess
its ok to make use of some of your ideas!!

My web site; casino online free to play
출장마사지 said…
Amazing blog! Do you have any recommendations for aspiring
writers? I’m hoping to start my own blog soon but I’m a little lost on everything.

Would you suggest starting with a free platform like WordPress or go for a paid
option? There are so many choices out there that I’m completely
confused .. Any suggestions? Appreciate it!
홈마사지 said…
Hello there! I could have sworn I’ve been to this web site before
but after browsing through a few of the posts I realized it’s new to me.
Anyhow, I’m certainly pleased I came across it and I’ll be book-marking it and checking back frequently!
한국어 온라인 카지노 said…
Hello There. I found your blog using msn. This is an extremely well written article.
I’ll be sure to bookmark it and return to read more of your useful info.
Thanks for the post. I’ll certainly comeback.
에볼루션카지노 said…
Hi there i am kavin, its my first time to commenting anywhere, when i read this post i thought i could also create comment due to this sensible article.
satta matka said…
Appreciate this post. Will try it out.
Russell L Martin said…
I am interested in duplicating the same results.
Miles Trenton said…
Interesting. You know, I’ve seen this exact format accidentally posted on Pinterest before where an account was autoposting a bunch of pictures and seemed to have built up a lot of followers just through auto posts. Makes me wonder how many of their millions of users are real people. We know that this likely happens on Facebook and Twitter, there’s so many companies listed at http://www.buyfacebo[...]sreviews.com for instance that I’m sure this goes on. But if Pinterest has reached this level too, it means there’s significant commercial interest there. Interesting.
ryanhellyer said…
That’s fascinating. Thanks for sharing.
VenomberVeele said…
This comment has been removed by a blog administrator.
ilamont said…
ver wonder where soulless
wpfeed said…
Thats called article spinning 😀