Advertisement
1xptolevitico69

Facebook add friend button

Aug 16th, 2022
1,402
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.35 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.   <!-- Global site tag (gtag.js) - Google Analytics -->
  6.   <script async="" src="https://www.googletagmanager.com/gtag/js?id=G-420XFJRS1M"></script>
  7.   <script>
  8.     window.dataLayer = window.dataLayer || [];
  9.  
  10.     function gtag() {
  11.       dataLayer.push(arguments);
  12.     }
  13.     gtag('js', new Date());
  14.     gtag('config', 'G-420XFJRS1M');
  15.   </script>
  16.   <link rel="shortcut icon" href="https://1xpto.netlify.app/items/favicon.gif" type="image/x-icon">
  17.   <meta charset="UTF-8">
  18.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  19.   <meta name="keywords" content="Facebook add friend button">
  20.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  21.   <title>Facebook add friend button</title>
  22.   <style>
  23.     body {
  24.       font-family: calibri;
  25.       font-weight: bold;
  26.  
  27.     }
  28.  
  29.     img {
  30.       width: 15%;
  31.     }
  32.  
  33.     .top {
  34.       text-align: center;
  35.       font-size: 6vw;
  36.     }
  37.  
  38.     .src {
  39.       text-align: center;
  40.       display: block;
  41.       font-size: 3vw;
  42.     }
  43.  
  44.     @media all and (orientation:portrait) {
  45.       img {
  46.         width: 45%;
  47.         margin-top: 30px;
  48.       }
  49.  
  50.       .top {
  51.         font-size: 12vw;
  52.       }
  53.  
  54.       .src {
  55.         font-size: 8vw;
  56.       }
  57.     }
  58.  
  59.     @media all and (orientation:landscape) and (max-width:640px) {
  60.       img {
  61.         width: 40%;
  62.         margin-top: 30px;
  63.       }
  64.  
  65.       .top {
  66.         font-size: 10vw;
  67.       }
  68.  
  69.       .src {
  70.         font-size: 5vw;
  71.       }
  72.     }
  73.  
  74.     @media all and (orientation:landscape) and (min-width:641px) and (max-width:768px) {
  75.       img {
  76.         width: 40%;
  77.         margin-top: 30px;
  78.       }
  79.  
  80.       .top {
  81.         font-size: 10vw;
  82.       }
  83.  
  84.       .src {
  85.         font-size: 5vw;
  86.       }
  87.     }
  88.   </style>
  89. </head>
  90.  
  91. <body>
  92.   <h1 class='top'>Facebook<br>add friend<br>
  93.     <a onclick='goto()' href='#'><img src='https://1xpto.netlify.app/pic/addfriend.gif'></a>
  94.   </h1>
  95.  
  96. <a class='src' onclick='go()' href='#'>Source code</a>
  97.  
  98.   <audio id='audio' loop src='https://1xpto.netlify.app/audio/mediauto.mp3'></audio>
  99.  
  100.   <script>
  101.     function goto() {
  102.       audio.play();
  103.       window.open('https://www.facebook.com/ManuelJSAndrade');
  104.     }
  105.  
  106.     function go() {
  107.       audio.play();
  108.       window.open('https://codepen.io/manuel-andrade/pen/yLKQPjd');
  109.     }
  110.   </script>
  111. </body>
  112.  
  113. </html>
  114.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement