diff --git a/css/style.css b/css/style.css index b8a6f7a73..5ecf829f7 100644 --- a/css/style.css +++ b/css/style.css @@ -693,6 +693,28 @@ textarea { animation: wheel 1.3s infinite; -webkit-animation: wheel 1.3s infinite; } +#myBtn { + display: none; + /* Hidden by default */ + position: fixed; + /* Fixed/sticky position */ + bottom: 20px; + right: 30px; + z-index: 99; + border: none; + outline: none; + background-color: #3498db; + color: #f1f1f1; + cursor: pointer; + padding: 15px; + border-radius: 10px; + font-size: 14px; +} + +#myBtn:hover { + background-color: #555; +} + @keyframes wheel { to { opacity: 0; diff --git a/index.html b/index.html index 230079f44..7a8ee005f 100644 --- a/index.html +++ b/index.html @@ -17,396 +17,423 @@ /> -
-
-
-
- Ram Maheshwari Logo Image +
+
+
+
+
+ Ram Maheshwari Logo Image +
+ John Doe
- John Doe -
-
- -
- hamburger menu - hamburger menu close +
+ +
+ hamburger menu + hamburger menu close +
-
-
-
-
-
-
-

Hey, My name is John Doe

-
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis - tempora explicabo quae quod deserunt eius sapiente solutions for - complex problems -

-
-
- Projects -
-
-
- - - - -
-
-
-
-
- -
-
-

- About Me - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis - tempora explicabo quae quod deserunt eius sapiente - -

-
-
-

Get to know me!

-
-

- Hey! It's - John Doe - and I'm a Frontend Web Developer located in - Los Angeles. I've done - remote - projects for agencies, consulted for startups, and collaborated - with talented people to create - digital products - for both business and consumer use. -

-

- I'm a bit of a digital product junky. Over the years, I've used - hundreds of web and mobile apps in different industries and - verticals. Feel free to - contact me here. -

-
- Contact +
+
+
+

Hey, My name is John Doe

+
+

+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis + tempora explicabo quae quod deserunt eius sapiente solutions for + complex problems +

-
-

My Skills

-
-
HTML
-
CSS
-
JavaScript
-
React
-
SASS
-
GIT
-
Shopify
-
Wordpress
-
Google ADS
-
Facebook Ads
-
Android
-
IOS
-
+
+ Projects
-
-
-
-
-

- Projects - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis - tempora explicabo quae quod deserunt eius sapiente - -

- -
-
-
+
+
Case Study -
+
-
-
+
Case Study -
+
-
-
+
Case Study -
+
-
-
-
-
-
-

- Contact - - Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis - tempora explicabo quae quod deserunt eius sapiente - -

-
-
-
- - +
+
+
+
+
+
+
+
+

+ About Me + + Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic facilis + tempora explicabo quae quod deserunt eius sapiente + +

+
+
+

Get to know me!

+
+

+ Hey! It's + John Doe + and I'm a Frontend Web Developer located in + Los Angeles. I've done + remote + projects for agencies, consulted for startups, and collaborated + with talented people to create + digital products + for both business and consumer use. +

+

+ I'm a bit of a digital product junky. Over the years, I've used + hundreds of web and mobile apps in different industries and + verticals. Feel free to + contact me here. +

+
+ Contact
-
- - +
+

My Skills

+
+
HTML
+
CSS
+
JavaScript
+
React
+
SASS
+
GIT
+
Shopify
+
Wordpress
+
Google ADS
+
Facebook Ads
+
Android
+
IOS
+
- - +
-
-
-