Advertisement
1xptolevitico69

Smartphone "desktop only"

Aug 18th, 2022
716
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.15 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5.   <meta charset="UTF-8">
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8.   <title>Smartphone "desktop only"</title>
  9.   <style>
  10.     a {
  11.       text-decoration: none;
  12.       font-family: verdana;
  13.       font-weight: bold;
  14.       color: white;
  15.       position: absolute;
  16.       top: 0;
  17.       right: 0;
  18.       margin: 20px;
  19.       border: 2px solid white;
  20.       padding: 5px 10px;
  21.     }
  22.  
  23.     .top,
  24.     .bottom {
  25.       font-size: 10vw;
  26.       text-align: center;
  27.       color: white;
  28.     }
  29.  
  30.     body {
  31.       margin: 0;
  32.       background-color: black;
  33.       font-family: calibri;
  34.     }
  35.  
  36.     p {
  37.       text-indent: 100px;
  38.       text-align: justify;
  39.       font-size: 2vw;
  40.       color: white;
  41.       padding: 0 30px;
  42.     }
  43.  
  44.     @media all and (orientation:portrait) and (max-width: 912px) {
  45.       .body {
  46.         display: none;
  47.       }
  48.  
  49.       body:after {
  50.         content: 'Desktop only';
  51.         color: white;
  52.         text-align: center;
  53.         margin-top: 100px;
  54.         font-size: 10vw;
  55.         display: block;
  56.       }
  57.     }
  58.  
  59.     @media all and (orientation:landscape) and (max-width: 915px) {
  60.       .body {
  61.         display: none;
  62.       }
  63.  
  64.       body:after {
  65.         content: 'Desktop only';
  66.         color: white;
  67.         text-align: center;
  68.         margin-top: 100px;
  69.         font-size: 7vw;
  70.         display: block;
  71.       }
  72.     }
  73.   </style>
  74. </head>
  75.  
  76. <body>
  77.   <module class='body'>
  78.  
  79.     <h1 class='top'>HEADER</h1>
  80.     <p>So feel been kept be at gate. Be september it extensive oh concluded of certainty. In read most gate at body held it ever no. Talking justice welcome message inquiry in started of am me. Led own hearted highest visited lasting sir through compass his. Guest tiled he quick by so these trees am. It announcing alteration at surrounded comparison.
  81.  
  82.       Death there mirth way the noisy merit. Piqued shy spring nor six though mutual living ask extent. Replying of dashwood advanced ladyship smallest disposal or. Attempt offices own improve now see. Called person are around county talked her esteem. Those fully these way nay thing seems.
  83.  
  84.       Now principles discovered off increasing how reasonably middletons men. Add seems out man met plate court sense. His joy she worth truth given. All year feet led view went sake. You agreeable breakfast his set perceived immediate. Stimulated man are projecting favourable middletons can cultivated.
  85.  
  86.       By spite about do of do allow blush. Additions in conveying or collected objection in. Suffer few desire wonder her object hardly nearer. Abroad no chatty others my silent an. Fat way appear denote who wholly narrow gay settle. Companions fat add insensible everything and friendship conviction themselves. Theirs months ten had add narrow own. </span>
  87.     <h1 class='bottom'>FOOTER</h1>
  88.  
  89.     <a href='https://1xpto.netlify.app/'>Visite Site</a>
  90.  
  91.     </module.body>
  92.  
  93.     <script>
  94.       history.scrollRestoration = "manual";
  95.       $(window).on('beforeunload', function() {
  96.         $(window).scrollTop(0);
  97.       });
  98.     </script>
  99. </body>
  100.  
  101. </html>
  102.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement