Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- background-color:rgb(31,31,31);
- padding-top:0px;
- overflow-x:hidden;
- margin-top:0px;
- }
- *{
- margin:0;
- padding:0;
- }
- input.login{
- flex: 1 1 auto;
- margin: 10px;
- padding-right: 30px;
- padding-left: 30px;
- padding-top:6px;
- padding-bottom:5px;
- text-align: center;
- text-transform: uppercase;
- border-style:none;
- background-size: 200% auto;
- color: white;
- /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
- /*box-shadow: 0 0 20px #eee;*/
- border-radius: 10px;
- transition: 0.5s;
- background-position:right;
- margin-top:12px;
- }
- button.login{
- flex: 1 1 auto;
- margin: 10px;
- padding-right: 30px;
- padding-left: 30px;
- padding-top:5px;
- padding-bottom:5px;
- text-align: center;
- text-transform: uppercase;
- border-style:none;
- background-size: 200% auto;
- color: white;
- /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
- /*box-shadow: 0 0 20px #eee;*/
- border-radius: 10px;
- transition: 0.5s;
- background-position:right;
- background-image: linear-gradient(to right, #D743A8 0%, #B5345E 51%, #952667 100%);
- }
- input.navright{
- margin-left:50vw;
- }
- .login {
- background-image: linear-gradient(to right, #D743A8 0%, #B5345E 51%, #952667 100%);
- }
- .login:hover, .login-2:hover{
- background-position:left;
- box-shadow:0 0 20px;
- }
- .section1{
- background-image:url('images/backgroundolympus.png');
- background-size:cover;
- height:100vh;
- background-position: center;
- }
- .container-image {
- position: relative;
- width: 50%;
- }
- /* Make the image responsive */
- .container-image{
- margin-left:30%;
- margin-top:10%;
- width: 40%;
- height: auto;
- }
- .image-1{
- width:100%;
- height:auto;
- }
- /* Style the button and place it in the middle of the container/image */
- .container-image .login-2 {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- border: none;
- flex: 1 1 auto;
- margin: 10px;
- padding-right: 30px;
- padding-left: 30px;
- padding-top:5px;
- padding-bottom:5px;
- text-align: center;
- text-transform: uppercase;
- border-style:none;
- background-size: 200% auto;
- color: white;
- /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
- /*box-shadow: 0 0 20px #eee;*/
- border-radius: 10px;
- transition: 0.5s;
- background-position:right;
- background-image: linear-gradient(to bottom,#B5345E 0%, #952667 50%);
- }
- ::-webkit-scrollbar {
- width: 10px;
- }
- ::-webkit-scrollbar-track {
- background:#000;
- }
- ::-webkit-scrollbar-thumb {
- background:#952667;
- border-radius:15px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #952667;
- }
- img.logo-nav{
- width:50%;
- margin-top:-15%;
- padding:0;
- margin-bottom:-20%;
- }
- .nav-container{
- width:60%;
- margin-left:40%;
- }
- .container-image{
- }
- img.laptop{
- margin-top:10%;
- width:60%;
- }
- .section2{
- background-image:linear-gradient(to bottom, #B5345E 0%, #D743A8 75%, #952667 100%);
- background-size:Cover;
- height:250vh;
- width:100vw;
- }
- p.s-2-t{
- color:white;
- font-size:2.5em;
- margin-top:5vh;
- margin-bottom:10%;
- }
- .feature-container{
- background-color:rgba(0,0,0,0.3);
- width:100%;
- height:50vh;
- margin-left:;
- color:white;
- margin-top:5%;
- }
- .feature-image{
- width:40%;
- }
- img.stocksolutionbackground{
- width:100%;
- }
- .topnav {
- overflow: hidden;
- background-color:rgba(0,0,0,0.2);
- }
- .sticky + .content {
- padding-top: 60px;
- }
- .topnav a, .topnav p {
- float: left;
- display: block;
- color: #f2f2f2;
- text-align: center;
- padding: 14px 16px;
- text-decoration: none;
- font-size: 17px;
- }
- .topnav p {
- }
- .topnav a:hover {
- background-color: #ddd;
- color: black;
- }
- .topnav a.active {
- background-color: #4CAF50;
- color: white;
- }
- .topnav .icon {
- display: none;
- }
- .title-about-us{
- font-size:3em;
- }
- .text-container-left{
- widows: 100%;
- color:white;
- margin-top:10vh;
- }
- .text-container-right{
- widows:100%;
- color:white; margin-top:10vh;
- }
- .title-about-us-right{
- font-size:3em;
- }
- input.full-name{
- margin-top:5vh;
- width:80%;
- background-color:rgba(0,0,0,0.3);
- border-style:none;
- padding-top:10px;
- padding-bottom:10px;
- border-radius:10px; padding-left:15px;
- }
- input.email-addy{
- margin-top:3vh;
- width:80%;
- background-color:rgb(0,0,0,0.3);
- border-style:none;
- padding-top:10px;
- padding-bottom:10px;
- border-radius:10px; padding-left:15px;
- }
- textarea.your-message{
- 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;
- }
- p.text-body{
- color:white;
- margin-top:5vh;
- font-size:1.2em;
- }
- @media screen and (max-width: 600px) {
- .topnav a:not(:first-child) {display: none;}
- .topnav a.icon {
- float: right;
- display: block;
- }
- }
- @media screen and (max-width: 600px) {
- .topnav.responsive {position: relative;}
- .topnav.responsive .icon {
- position: absolute;
- right: 0;
- top: 0;
- }
- .topnav.responsive a {
- float: none;
- display: block;
- text-align: left;
- }
- }
- img.stocksolutionbackground {
- display: block;
- width:90%;
- }
- .thumb{
- position: relative;
- display: inline-block;
- }
- .caption {
- position: absolute;
- top: 50%;
- left: 20%;
- transform: translate( -15%, -50% );
- text-align: center;
- color:white;
- font-weight: normal;
- font-size:1.5em;
- }
- img.partnership{
- width:100%;
- margin-top:15%;
- }
- }
- <div class = "section2">
- <div class = "container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "s-2-t">
- A True All in One.
- </p>
- </div>
- </div>
- <div class = "container">
- <div class = "row wow slideInLeft slow">
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/releaseguidance.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- Release Guidance
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "left" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/monitors.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- High Speed Monitors
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "left" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/earlylinks.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- Early links & info
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "left" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class = "row wow slideInRight slow">
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/groupbuys.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- Groupbuys & Exclusive discounts
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "left" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/commitedstaff.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- 24/7 Commited Support Staff
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/earlylinks.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- Release Guidance
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "left" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class = "row wow slideInLeft slow">
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/releaseguidance.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- Release Guidance
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "left" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/monitors.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- High Speed Monitors
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "left" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- <div class = "col-lg-4 col-md-4 col-sm-4 col-xs-4">
- <div class = "feature-container">
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center">
- <img src = "images/earlylinks.png" class = "feature-image">
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "center" class = "feature-title">
- Release Guidance
- </p>
- </div>
- <div class = "col-lg-12 col-md-12 col-sm-12 col-xs-12">
- <p align = "left" class = "feature-body">
- - 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>
- - 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.
- </p>
- </div>
- </div>
- </div>
- </div>
- <div class = "container">
- <div class = "row">
- <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12">
- <p align = "center">
- <div id="box-search">
- <div class = "thumb">
- <img src = "images/stocksolutionbackground.png" class = "stocksolutionbackground">
- <div class = "caption">
- <P align = "left"><b>Each OlympusAIO Premium Member Will Get Their
- Own Copy of Stock Solutions.</b>
- <br>- Free Captcha Tool
- <br>- Free Proxy Tool
- <br>- Free Profile Converter
- <br>- Free Proxy Rotator
- <br>- Free Delay Calculator
- <br> <b>All Future Features Are 100% Free for All Premium OlympusAIO Members</b>
- </P>
- </div>
- </div>
- </div>
- </p>
- </div>
- <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12">
- <p align = "center"><img src = "images/partnership.png" class = "partnership"></p>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class = "section-3">
- <div class = "container">
- <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12">
- <p align = "left" class = "text-container-left">
- <span class = "title-about-us">About Us</span><br>
- <p align = "left" class = "text-body">
- Why the name OlympusAIO? Mount olympus was the home of the Gods. Gods
- such as Zeus, father of hercules God of the Sky, Poseidon, God of the Sea Protector
- of all waters, and Hades, God of the underworld and God of all wealth. The name
- olympus is strong, bold, and houses the best of the best. We wanted a place where
- all of our members could come together and cook in a true, "all in one" discord.
- We started in early 2019 with a handful of members and with quality information,
- dedication, and loyalty, we have surpassed one thousand members and are quickly
- on the road to two thousand. We are a discord based cookgroup making us accessible
- to everyone anywhere in the world at all times. Whether you are a destkop Or
- mobile user, you can access any top tier information at a moments notice. Our
- custom-built monitors are as fast as Zeus' lighting, pair that with our 24/7 highly
- dedicated, overqualified staff, and you will always be in the know.<br><br>
- Signed,<br>
- OlympusAIO Staff Team
- </p>
- </p>
- </div>
- <div class = "col-lg-6 col-md-6 col-sm-12 col-xs-12">
- <p align = "center" class = "text-container-right">
- <span class = "title-about-us-right">Contact Us</span><br>
- <input type = "text" placeholder = "Full Name" class = "full-name"><br>
- <input type = "text" placeholder = "Email Address" class = "email-addy"><br>
- <textarea rows = "15" class = "your-message" placeholder = "Your message here"></textarea>
- </p>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement