SHARE
TWEET

Untitled

a guest Aug 22nd, 2019 143 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1.  
  2. body{
  3.     background-color:rgb(31,31,31);
  4.     padding-top:0px;
  5.     overflow-x:hidden;
  6.     margin-top:0px;
  7.    
  8. }
  9. *{
  10.     margin:0;
  11.     padding:0;
  12. }
  13.  
  14. input.login{
  15.     flex: 1 1 auto;
  16.     margin: 10px;
  17.     padding-right: 30px;
  18.     padding-left: 30px;
  19.     padding-top:6px;
  20.     padding-bottom:5px;
  21.     text-align: center;
  22.     text-transform: uppercase;
  23.     border-style:none;
  24.     background-size: 200% auto;
  25.     color: white;
  26.    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  27.     /*box-shadow: 0 0 20px #eee;*/
  28.     border-radius: 10px;
  29.     transition: 0.5s;
  30.     background-position:right;
  31.     margin-top:12px;
  32.    }
  33.    
  34.    button.login{
  35.     flex: 1 1 auto;
  36.     margin: 10px;
  37.     padding-right: 30px;
  38.     padding-left: 30px;
  39.     padding-top:5px;
  40.     padding-bottom:5px;
  41.     text-align: center;
  42.     text-transform: uppercase;
  43.     border-style:none;
  44.     background-size: 200% auto;
  45.     color: white;
  46.    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  47.     /*box-shadow: 0 0 20px #eee;*/
  48.     border-radius: 10px;
  49.     transition: 0.5s;
  50.     background-position:right;
  51.     background-image: linear-gradient(to right, #D743A8 0%, #B5345E 51%, #952667 100%);
  52.    
  53.    
  54.    }
  55.  
  56.    input.navright{
  57.      margin-left:50vw;
  58.    }
  59.    
  60.     .login {
  61.     background-image: linear-gradient(to right, #D743A8 0%, #B5345E 51%, #952667 100%);
  62.     }
  63.  
  64.     .login:hover, .login-2:hover{
  65.       background-position:left;
  66.       box-shadow:0 0 20px;
  67.     }
  68.  
  69.     .section1{
  70.       background-image:url('images/backgroundolympus.png');
  71.       background-size:cover;
  72.       height:100vh;
  73.       background-position: center;
  74.     }
  75.  
  76.     .container-image {
  77.         position: relative;
  78.         width: 50%;
  79.       }
  80.      
  81.       /* Make the image responsive */
  82.       .container-image{
  83.         margin-left:30%;
  84.         margin-top:10%;
  85.         width: 40%;
  86.         height: auto;
  87.       }
  88.  
  89.       .image-1{
  90.           width:100%;
  91.           height:auto;
  92.       }
  93.      
  94.       /* Style the button and place it in the middle of the container/image */
  95.       .container-image .login-2 {
  96.         position: absolute;
  97.         top: 50%;
  98.         left: 50%;
  99.         transform: translate(-50%, -50%);
  100.         -ms-transform: translate(-50%, -50%);
  101.         border: none;
  102.         flex: 1 1 auto;
  103.         margin: 10px;
  104.         padding-right: 30px;
  105.         padding-left: 30px;
  106.         padding-top:5px;
  107.         padding-bottom:5px;
  108.         text-align: center;
  109.         text-transform: uppercase;
  110.         border-style:none;
  111.         background-size: 200% auto;
  112.         color: white;
  113.    /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  114.     /*box-shadow: 0 0 20px #eee;*/
  115.         border-radius: 10px;
  116.         transition: 0.5s;
  117.         background-position:right;
  118.         background-image: linear-gradient(to bottom,#B5345E 0%, #952667 50%);
  119.       }
  120.      
  121.       ::-webkit-scrollbar {
  122.         width: 10px;
  123.           }
  124.      
  125.      
  126.           ::-webkit-scrollbar-track {
  127.           background:#000;
  128.           }
  129.      
  130.      
  131.           ::-webkit-scrollbar-thumb {
  132.         background:#952667;
  133.           border-radius:15px;
  134.           }
  135.      
  136.           ::-webkit-scrollbar-thumb:hover {
  137.         background: #952667;
  138.           }
  139.  
  140.     img.logo-nav{
  141.         width:50%;
  142.         margin-top:-15%;
  143.         padding:0;
  144.         margin-bottom:-20%;
  145.     }
  146.  
  147.     .nav-container{
  148.         width:60%;
  149.         margin-left:40%;
  150.  
  151.     }
  152.     .container-image{
  153.        
  154.       }
  155.  
  156.     img.laptop{
  157.         margin-top:10%;
  158.         width:60%;
  159.     }
  160.    
  161.     .section2{
  162.         background-image:linear-gradient(to bottom, #B5345E 0%, #D743A8 75%, #952667 100%);
  163.         background-size:Cover;
  164.         height:250vh;
  165.         width:100vw;
  166.     }
  167.  
  168.     p.s-2-t{
  169.         color:white;
  170.         font-size:2.5em;
  171.         margin-top:5vh;
  172.         margin-bottom:10%;
  173.     }
  174.  
  175.     .feature-container{
  176.         background-color:rgba(0,0,0,0.3);
  177.         width:100%;
  178.         height:50vh;
  179.         margin-left:;
  180.         color:white;
  181.         margin-top:5%;
  182.        
  183.     }
  184.  
  185.     .feature-image{
  186.         width:40%;
  187.     }
  188.  
  189.     img.stocksolutionbackground{
  190.       width:100%;
  191.     }
  192.      
  193.       .topnav {
  194.         overflow: hidden;
  195.         background-color:rgba(0,0,0,0.2);
  196.  
  197.       }
  198.      
  199.  
  200.       .sticky + .content {
  201.         padding-top: 60px;
  202.       }
  203.       .topnav a, .topnav p {
  204.         float: left;
  205.         display: block;
  206.         color: #f2f2f2;
  207.         text-align: center;
  208.         padding: 14px 16px;
  209.         text-decoration: none;
  210.         font-size: 17px;
  211.       }
  212.  
  213.       .topnav p {
  214.  
  215.       }
  216.      
  217.       .topnav a:hover {
  218.         background-color: #ddd;
  219.         color: black;
  220.       }
  221.      
  222.       .topnav a.active {
  223.         background-color: #4CAF50;
  224.         color: white;
  225.       }
  226.      
  227.       .topnav .icon {
  228.         display: none;
  229.       }
  230.  
  231.       .title-about-us{
  232.         font-size:3em;
  233.  
  234.       }
  235.       .text-container-left{
  236.         widows: 100%;
  237.         color:white;
  238.         margin-top:10vh;
  239.       }
  240.  
  241.       .text-container-right{
  242.         widows:100%;
  243.         color:white; margin-top:10vh;
  244.       }
  245.  
  246.       .title-about-us-right{
  247.         font-size:3em;
  248.        
  249.      
  250.       }
  251.  
  252.       input.full-name{
  253.         margin-top:5vh;
  254.         width:80%;
  255.         background-color:rgba(0,0,0,0.3);
  256.         border-style:none;
  257.         padding-top:10px;
  258.         padding-bottom:10px;
  259.         border-radius:10px; padding-left:15px;
  260.       }
  261.  
  262.       input.email-addy{
  263.         margin-top:3vh;
  264.         width:80%;
  265.         background-color:rgb(0,0,0,0.3);
  266.         border-style:none;
  267.         padding-top:10px;
  268.         padding-bottom:10px;
  269.         border-radius:10px; padding-left:15px;
  270.       }
  271.  
  272.       textarea.your-message{
  273.         margin-top:3vh; width:80%; background-color:rgb(0,0,0,0.3); border-style:none; padding-top:10px; padding-bottom:10px; padding-left:15px; border-radius:10px;
  274.        
  275.       }
  276.  
  277.  
  278.       p.text-body{
  279.         color:white;
  280.         margin-top:5vh;
  281.         font-size:1.2em;
  282.       }
  283.       @media screen and (max-width: 600px) {
  284.         .topnav a:not(:first-child) {display: none;}
  285.         .topnav a.icon {
  286.           float: right;
  287.           display: block;
  288.         }
  289.       }
  290.      
  291.       @media screen and (max-width: 600px) {
  292.         .topnav.responsive {position: relative;}
  293.         .topnav.responsive .icon {
  294.           position: absolute;
  295.           right: 0;
  296.           top: 0;
  297.         }
  298.         .topnav.responsive a {
  299.           float: none;
  300.           display: block;
  301.           text-align: left;
  302.         }
  303.       }
  304.  
  305.    
  306.       img.stocksolutionbackground {
  307.         display: block;
  308.         width:90%;
  309.        
  310.     }
  311.    
  312.     .thumb{
  313.         position: relative;
  314.         display: inline-block;
  315.     }
  316.    
  317.     .caption {
  318.         position: absolute;
  319.         top: 50%;
  320.         left: 20%;
  321.         transform: translate( -15%, -50% );
  322.         text-align: center;
  323.         color:white;
  324.         font-weight: normal;
  325.         font-size:1.5em;
  326.        
  327.     }
  328.  
  329.     img.partnership{
  330.       width:100%;
  331.       margin-top:15%;
  332.     }
  333. }
  334.  
  335. <div class = "section2">
  336.         <div class = "container">
  337.             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  338.                 <p align = "center" class = "s-2-t">
  339.                     A True All in One.
  340.                 </p>
  341.             </div>
  342.         </div>
  343.  
  344.  
  345.         <div class = "container">
  346.             <div class = "row wow slideInLeft slow">
  347.                 <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  348.                     <div class = "feature-container">
  349.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  350.                             <p align = "center">
  351.                                 <img src = "images/releaseguidance.png" class = "feature-image">
  352.                             </p>
  353.                         </div>
  354.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  355.                             <p align = "center" class = "feature-title">
  356.                                 Release Guidance
  357.                             </p>
  358.                         </div>
  359.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  360.                             <p align = "left" class = "feature-body">
  361.                                 - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  362.                                 - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  363.                             </p>
  364.                         </div>
  365.                     </div>
  366.                 </div>
  367.                 <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  368.                     <div class = "feature-container">
  369.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  370.                             <p align = "center">
  371.                                 <img src = "images/monitors.png" class = "feature-image">
  372.                             </p>
  373.                         </div>
  374.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  375.                             <p align = "center" class = "feature-title">
  376.                                 High Speed Monitors
  377.                             </p>
  378.                         </div>
  379.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  380.                             <p align = "left" class = "feature-body">
  381.                                 - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  382.                                 - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  383.                             </p>
  384.                         </div>
  385.                     </div>
  386.                 </div>
  387.                 <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  388.                     <div class = "feature-container">
  389.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  390.                             <p align = "center">
  391.                                 <img src = "images/earlylinks.png" class = "feature-image">
  392.                             </p>
  393.                         </div>
  394.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  395.                             <p align = "center" class = "feature-title">
  396.                                 Early links & info
  397.                             </p>
  398.                         </div>
  399.                         <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  400.                             <p align = "left" class = "feature-body">
  401.                                 - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  402.                                 - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  403.                             </p>
  404.                         </div>
  405.                     </div>
  406.                 </div>
  407.             </div>
  408.  
  409.             <div class = "row wow slideInRight slow">
  410.                     <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  411.                         <div class = "feature-container">
  412.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  413.                                 <p align = "center">
  414.                                     <img src = "images/groupbuys.png" class = "feature-image">
  415.                                 </p>
  416.                             </div>
  417.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  418.                                 <p align = "center" class = "feature-title">
  419.                                     Groupbuys & Exclusive discounts
  420.                                 </p>
  421.                             </div>
  422.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  423.                                 <p align = "left" class = "feature-body">
  424.                                     - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  425.                                     - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  426.                                 </p>
  427.                             </div>
  428.                         </div>
  429.                     </div>
  430.                     <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  431.                         <div class = "feature-container">
  432.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  433.                                 <p align = "center">
  434.                                     <img src = "images/commitedstaff.png" class = "feature-image">
  435.                                 </p>
  436.                             </div>
  437.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  438.                                 <p align = "center" class = "feature-title">
  439.                                     24/7 Commited Support Staff
  440.                                 </p>
  441.                             </div>
  442.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  443.                                 <p align = "center" class = "feature-body">
  444.                                     - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  445.                                     - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  446.                                 </p>
  447.                             </div>
  448.                         </div>
  449.                     </div>
  450.                     <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  451.                         <div class = "feature-container">
  452.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  453.                                 <p align = "center">
  454.                                     <img src = "images/earlylinks.png" class = "feature-image">
  455.                                 </p>
  456.                             </div>
  457.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  458.                                 <p align = "center" class = "feature-title">
  459.                                     Release Guidance
  460.                                 </p>
  461.                             </div>
  462.                             <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  463.                                 <p align = "left" class = "feature-body">
  464.                                     - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  465.                                     - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  466.                                 </p>
  467.                             </div>
  468.                         </div>
  469.                     </div>
  470.                 </div>
  471.  
  472.                 <div class = "row wow slideInLeft slow">
  473.                         <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  474.                             <div class = "feature-container">
  475.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  476.                                     <p align = "center">
  477.                                         <img src = "images/releaseguidance.png" class = "feature-image">
  478.                                     </p>
  479.                                 </div>
  480.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  481.                                     <p align = "center" class = "feature-title">
  482.                                         Release Guidance
  483.                                     </p>
  484.                                 </div>
  485.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  486.                                     <p align = "left" class = "feature-body">
  487.                                         - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  488.                                         - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  489.                                     </p>
  490.                                 </div>
  491.                             </div>
  492.                         </div>
  493.                         <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  494.                             <div class = "feature-container">
  495.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  496.                                     <p align = "center">
  497.                                         <img src = "images/monitors.png" class = "feature-image">
  498.                                     </p>
  499.                                 </div>
  500.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  501.                                     <p align = "center" class = "feature-title">
  502.                                         High Speed Monitors
  503.                                     </p>
  504.                                 </div>
  505.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  506.                                     <p align = "left" class = "feature-body">
  507.                                         - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  508.                                         - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  509.                                     </p>
  510.                                 </div>
  511.                             </div>
  512.                         </div>
  513.                         <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
  514.                             <div class = "feature-container">
  515.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  516.                                     <p align = "center">
  517.                                         <img src = "images/earlylinks.png" class = "feature-image">
  518.                                     </p>
  519.                                 </div>
  520.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  521.                                     <p align = "center" class = "feature-title">
  522.                                         Release Guidance
  523.                                     </p>
  524.                                 </div>
  525.                                 <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
  526.                                     <p align = "left" class = "feature-body">
  527.                                         - Have multiple bots to setup? Hate checking in various places for all of your different setups? Look no further, our staff post complete setups for every majory release.<br><br>
  528.                                         - As we all know, things change in a flash in this game, but don't worry, we have you covered from pre to post drop.
  529.                                     </p>
  530.                                 </div>
  531.                             </div>
  532.                         </div>
  533.                     </div>
  534.                     <div class = "container">
  535.                         <div class = "row">
  536.                             <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12">
  537.                               <p align = "center">  
  538.                                 <div id="box-search">
  539.                                         <div class = "thumb">
  540.                                             <img src = "images/stocksolutionbackground.png" class = "stocksolutionbackground">
  541.                                            
  542.                                         <div class = "caption">
  543.                                             <P align = "left"><b>Each OlympusAIO Premium Member Will Get Their
  544.                                                  Own Copy of Stock Solutions.</b>
  545.                                             <br>- Free Captcha Tool
  546.                                             <br>- Free Proxy Tool
  547.                                             <br>- Free Profile Converter
  548.                                             <br>- Free Proxy Rotator
  549.                                             <br>- Free Delay Calculator
  550.                                             <br> <b>All Future Features Are 100% Free for All Premium OlympusAIO Members</b>
  551.                                                
  552.                                             </P>
  553.                                         </div>
  554.                                     </div>
  555.                                 </div>
  556.                             </p>    
  557.                             </div>
  558.  
  559.                            
  560.                                 <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12">
  561.                                     <p align = "center"><img src = "images/partnership.png" class = "partnership"></p>
  562.                                 </div>
  563.                             </div>
  564.                         </div>
  565.                     </div>
  566.           </div>
  567.  
  568.           <div class = "section-3">
  569.               <div class = "container">
  570.                   <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12">
  571.                       <p align = "left" class = "text-container-left">
  572.                         <span class = "title-about-us">About Us</span><br>
  573.                         <p align = "left" class = "text-body">
  574.                         Why the name OlympusAIO? Mount olympus was the home of the Gods. Gods
  575.                         such as Zeus, father of hercules God of the Sky, Poseidon, God of the Sea Protector
  576.                         of all waters, and Hades, God of the underworld and God of all wealth. The name
  577.                         olympus is strong, bold, and houses the best of the best. We wanted a place where
  578.                         all of our members could come together and cook in a true, "all in one" discord.
  579.                         We started in early 2019 with a handful of members and with quality information,
  580.                         dedication, and loyalty, we have surpassed one thousand members and are quickly
  581.                         on the road to two thousand. We are a discord based cookgroup making us accessible
  582.                         to everyone anywhere in the world at all times. Whether you are a destkop Or
  583.                         mobile user, you can access any top tier information at a moments notice. Our
  584.                         custom-built monitors are as fast as Zeus' lighting, pair that with our 24/7 highly
  585.                         dedicated, overqualified staff, and you will always be in the know.<br><br>
  586.  
  587.                         Signed,<br>
  588.                         OlympusAIO Staff Team
  589.                     </p>
  590.                       </p>
  591.                   </div>
  592.  
  593.                   <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12">
  594.                       <p align = "center" class = "text-container-right">
  595.                           <span class = "title-about-us-right">Contact Us</span><br>
  596.                      
  597.  
  598.                       <input type = "text" placeholder = "Full Name" class = "full-name"><br>
  599.                       <input type = "text" placeholder = "Email Address" class = "email-addy"><br>
  600.                       <textarea rows = "15" class = "your-message" placeholder = "Your message here"></textarea>
  601.                     </p>
  602.                   </div>
  603.               </div>
  604.           </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top