Skip to content

Instantly share code, notes, and snippets.

View john92paul's full-sized avatar
🌱
Kill them with your success, Bury them with your smile

John Paul john92paul

🌱
Kill them with your success, Bury them with your smile
1 follower · 3 following
View GitHub Profile
@john92paul
john92paul / selenium_screenshot_syntax.py
Created October 12, 2020 13:52
driver.save_screenshot("screenshot.png")
@john92paul
john92paul / selenium_fullpage_screenshot.py
Last active October 13, 2020 05:54
from selenium import webdriver # import packages
driver_path = "C:/Users/johndoe/chromedriver.exe" # Defines the chrome driver path
driver = webdriver.Chrome(driver_path) # Define the driver
driver.get("https://www.google.com/") # Open url
driver.save_screenshot("screenshot.png") # Save Screenshot
@john92paul
john92paul / selenium_1.py
Created October 12, 2020 12:37
Selenium Basics
from selenium import webdriver # import packages
driver_path = "C:/Users/johndoe/chromedriver.exe" # Defines the chrome driver path
driver = webdriver.Chrome(driver_path) # Define the driver
driver.get("https://www.google.com/")
@john92paul
john92paul / responsive-landing-page-ui-design-for-fashion-store.html
Last active August 26, 2020 15:36
<!DOCTYPE html>
<html lang="en">
<head>
<!-- General -->
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demo | Responsive Landing Page UI Design for Fashion Store</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- Loading Necessary Fonts -->
@john92paul
john92paul / responsive-landing-page-ui-design-for-interior-design-firm.html
Created August 18, 2020 15:30
<!DOCTYPE html>
<html lang="en">
<head>
<!-- General -->
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Demo | Responsive Landing Page UI Design for Interior Design Firm</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- Loading Necessary Fonts -->
@john92paul
john92paul / responsive-website-ui-design-for-a-aqua-fish-page.html
Last active August 17, 2020 19:13
<!DOCTYPE html>
<html lang="en">
<head>
<!-- General -->
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Responsive Website UI Design for a aqua fish page</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- Loading Necessary Fonts -->
@john92paul
john92paul / responsive-landing-page-ui-design-for-a-nutrition-page.html
Last active August 17, 2020 11:51
<!DOCTYPE html>
<html lang="en">
<head>
<!-- General -->
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Responsive Landing Page UI Design for a Nutrition Page</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<!-- Loading Necessary Fonts -->
@john92paul
john92paul / 5-bounce-effect-toggle-button.html
Created August 14, 2020 13:13
/* Button css */
#button-15 .knobs:before, #button-15 .knobs:after{position: absolute;top: 4px;width: 20px;height: 10px;color: #fff;font-size: 10px;font-weight: bold;text-align: center;line-height: 1;padding: 9px 4px;opacity: 1;border-radius: 50%;transform: scale(1);transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
#button-15 .knobs:before{content: '';left: 4px;background-color: #fff;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.35), 0 10px 10px -5px rgba(0, 0, 0, 0.20);}
#button-15 .knobs:after{content: '';right: 4px;opacity: 0;transform: scale(4);background-color: #fff;}
#button-15 .checkbox:checked + .knobs:before{opacity: 0;transform: scale(4);}
#button-15 .checkbox:checked + .knobs:after{opacity: 1;transform: scale(1);}
#button-15 .checkbox:checked ~ .layer{background-color: #17c2bd;}
.knobs, .layer{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.button{position: relative;top: 50%;width: 65px;height: 36px;margin: -20px auto 0 auto;overflow: hidden;margin: 0;}
.button.r, .button.r .layer{
@john92paul
john92paul / 4-in-out-toggle-button.html
Last active August 14, 2020 13:12
/* Button css */
#button-12 .knobs:before, #button-12 .knobs:after, #button-12 .knobs span, #button-12 .knobs span:before, #button-12 .knobs span:after{position: absolute;top: 4px;font-size: 10px;font-weight: bold;text-align: center;line-height: 1;border-radius: 50%;transition: 0.3s ease all;}
#button-12 .knobs:before{content: '';left: 4px;}
#button-12 .knobs:after{content: '';right: 4px;}
#button-12 .knobs:before, #button-12 .knobs:after{width: 27px;height: 10px;color: #4e4e4e;padding: 9px 3px;z-index: 1;}
#button-12 .knobs span{display: inline-block;z-index: 2;}
#button-12 .knobs span, #button-12 .knobs span:before, #button-12 .knobs span:after{width: 20px;height: 10px;padding: 9px 4px;}
#button-12 .knobs span:before, #button-12 .knobs span:after{content: '';top: 0;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.35), 0 10px 10px -5px rgba(0, 0, 0, 0.20);}
#button-12 .knobs span:before{left: 4px;background-color: #fff;}
#button-12 .knobs span:after{right: -74px;background-color: #fff;}
@john92paul
john92paul / 3-up-down-toggle-button.html
Created August 14, 2020 13:04
/* Button css */
#button-4 .knobs:before, #button-4 .knobs:after{position: absolute;top: 4px;left: 4px;width: 20px;height: 10px;color: #fff;font-size: 10px;font-weight: bold;text-align: center;line-height: 1;padding: 9px 4px;background-color: #fff;border-radius: 50%;transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;}
#button-4 .knobs:before{content: '';box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.35), 0 10px 10px -5px rgba(0, 0, 0, 0.20);}
#button-4 .knobs:after{content: '';box-shadow: none;}
#button-4 .knobs:after{top: -28px;right: 4px;left: auto;background-color: #fff;}
#button-4 .checkbox:checked + .knobs:before{top: -28px;box-shadow: none;}
#button-4 .checkbox:checked + .knobs:after{top: 4px;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.35), 0 10px 10px -5px rgba(0, 0, 0, 0.20);}
#button-4 .checkbox:checked ~ .layer{background-color: #17c2bd;}
.knobs, .layer{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.button{position: relative;top: 50%;width: 65px;height: 36px;margin: -20px auto 0 auto;