diff --git a/index.js b/index.js index 72c47ecb..f8d9b6d1 100644 --- a/index.js +++ b/index.js @@ -81,7 +81,7 @@ document.addEventListener('DOMContentLoaded', fillTable()); function fillTable(){ // Array Containing All The Data - data = [["Day 1","To-Do List"," /public/TO_DO_LIST/todolist.html"],["Day 2","Digital Clock"," /public/digital_clock/digitalclock.html"],["Day 3","Indian Flag"," /public/indianflag/flag.html"],["Day 4","Dropdown Nav Bar"," /public/dropdown_navbar/index.html"],["Day 5","Animated Cursor"," /public/Animated-cursor/animated-cursor.html"],["Day 6","Auto Background Image Slider"," /public/Background-Image-sider/slider.html"],["Day 7","Typewriter"," /public/typewriter/typewriter.html"],["Day 8","Parallel-X Website"," /public/Parallel-x%20website/parallal.html"],["Day 9","Captcha Generator"," /public/captcha/captcha.html"],["Day 10","QR Code Generator"," /public/qr%20generator/qr.html"],["Day 11","Serve Website Using Express"," /public/index.html"],["Day 12","Nodemailer Contact Form"," /public/gmail_nodemailer/public/mail.html"],["Day 13","Login Form Using MERN","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/loginusingmern"],["Day 14","File Uploader","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/file_uploader"],["Day 15","Progress Bar"," /public/progress_bar/progress_bar.html"],["Day 16","Scroll Bar CSS"," /public/index.html"],["Day 17","Slider Using Swiper API"," /public/slider%20box/index.html"],["Day 18","Carousel Solar System"," /public/carousal/index.html"],["Day 19","Planto"," /public/plantwebsite/plant.html"],["Day 20","EveSparks"," /public/https://evesparks.onrender.com/"],["Day 21","Video BG Slider Using React"," /public/https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/travel_website"],["Day 22","Page Loader"," /public/pageloader/pageloader.html"],["Day 23","Jarvis Virtual Assistant"," /public/Jarvis-AI-main/index.html"],["Day 24","Chat Bot"," /public/AI%20ChatBot/chatbot.html"],["Day 25","Tic-Tac-Toe"," /public/TicTacToe/index.html"],["Day 26","Maze Game"," /public/Maze-Game-main/index.html"],["Day 27","Memory Game"," /public/MemoryGame/index.html"],["Day 28","Wordle"," /public/WORDLE/index.html"],["Day 29","Snake Game"," /public/snake_game/index.html"],["Day 30","Flappy-bird-game"," /public/Flappy-bird-main/index.html"],["Day 31","Password Manager"," /public/password%20manager/index.html"],["DAY-32","Missionaries & Cannibals"," /public/Missionaries&Cannibals/index.html"],["Day 33","Weather Forcasting"," /public/Weather%20Forcasting/index.html"],["Day 34","Email Validator"," /public/email%20validator/index.html"],["Day 35","Vanilla-JavaScript-Calculator"," /public/Vanilla-JavaScript-Calculator-master/index.html"],["Day 36","Medical App"," /public/Medical_App/index.html"],["Day 37","2048 Game"," /public/2048_game/index.html"],["Day 38","Github Profile Finder","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/github_profile_finder"],["Day 39","Notes App"," /public/notes-app/index.html"],["Day 40","Analog Clock"," /public/AnalogClock/index.html"],["Day 41","Scroll Dark Game"," /public/Scroll%20Game%20Dark%20Run/index.html"],["Day 42","Amazon App"," /public/Amazon_Clone/index.html"],["Day 43","Password Generator"," /public/Password_Generator/index.html"],["Day 44","BMI Calculator"," /public/BMI_Calculator/index.html"],["Day 45","Black Jack"," /public/BlackJack/blackJ.html"],["Day 46","Palindrome Generator"," /public/Palindrome_Generator/index.html"],["Day 47","Ping Pong Game"," /public/ping/index.html"],["Day 48","TextToVoiceConverter"," /public/TextToVoiceConverter/index.html"],["Day 49","Url Shortener","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/url_shortener"],["Day 50","Recipe Genie","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Recipe-Genie"],["Day 51","Netflix Landing Page Clone"," /public/Netflix_Cloning/Index.html"],["Day 52","ClimaCode"," /public/ClimaCode%202.0/index.html"],["Day 53","E-Commerce Website with Simple Cart Functionality"," /public/e-commerce_cart/index.html"],["Day 54","Budget Tracker"," /public/Budget%20Tracker/index.html"],["Day 55","Cricket Game"," /public/cricket/index.html"],["Day 56","Pastebin using svelte","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/pastebin"],["Day 57","Glowing Social Media Icons"," /public/Social%20Media%20Glowing/index.html"],["Day 58","Music App"," /public/Music%20App/index.html"],["Day 59","Blog Page"," /public/Blog%20Page/index.html"],["Day 60","Marketing template website"," /public/marketing_website/index.html"],["Day 61","Hologram Button"," /public/Holo%20Button/index.html"],["Day 62","Solar System Explorer"," /public/Solar%20System%20Explorer%20in%20CSS%20only%20haml/template.html"],["Day 63","Image to Text App"," /public/Image-To-Text-App/index.html"],["Day 64","Zomato-clone"," /public/zomato-clone/zomato.html"],["Day 65","The Cube"," /public/The%20Cube/index.html"],["Day 66","Flask Authentication App","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/flask_auth_app/README.md"],["Day 67","Blog-Website"," /public/blog/main.html"],["Day 68","3d Rotating Card"," /public/3d%20cards/index.html"],["Day 69","Spotify Clone Project"," /public/spotify-clone%20-project/index.html"],["Day 70","Insect-Catch_Game"," /public/Insect-Catch-Game/index.html"],["Day 71","Quotely Laughs"," /public/Quotely-Laughs/index.html"],["Day 72","Contact Book","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Contact%20Book/README.md"],["Day 73","Candy_Crush_Game"," /public/Candy_Crush_Game/index.html"],["Day 74","Stock Profit Calculator"," /public/Stock-Profit-Calculator/index.html"],["Day 75","code-space-game project"," /public/code-jump-space-game/index.html"],["Day 76","Animated Searchbar"," /public/Animated%20Searchbar/index.html"],["Day 77","Rock-Paper-Scissor-game project"," /public/Stone-Paper-Scissor/index.html"],["Day 78","NPM Package Search"," /public/NPM%20Package%20Search/index.html"],["Day 79","Linkedin Homepage Clone"," /public/Linkedin-Clone/index.html"],["Day 80","Resume Studio"," /public/ResumeStudio/index.html"],["Day 81","CountDown Timer","/public/CountDown Timer/index.html"]] + data = [["Day 1","To-Do List"," /public/TO_DO_LIST/todolist.html"],["Day 2","Digital Clock"," /public/digital_clock/digitalclock.html"],["Day 3","Indian Flag"," /public/indianflag/flag.html"],["Day 4","Dropdown Nav Bar"," /public/dropdown_navbar/index.html"],["Day 5","Animated Cursor"," /public/Animated-cursor/animated-cursor.html"],["Day 6","Auto Background Image Slider"," /public/Background-Image-sider/slider.html"],["Day 7","Typewriter"," /public/typewriter/typewriter.html"],["Day 8","Parallel-X Website"," /public/Parallel-x%20website/parallal.html"],["Day 9","Captcha Generator"," /public/captcha/captcha.html"],["Day 10","QR Code Generator"," /public/qr%20generator/qr.html"],["Day 11","Serve Website Using Express"," /public/index.html"],["Day 12","Nodemailer Contact Form"," /public/gmail_nodemailer/public/mail.html"],["Day 13","Login Form Using MERN","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/loginusingmern"],["Day 14","File Uploader","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/file_uploader"],["Day 15","Progress Bar"," /public/progress_bar/progress_bar.html"],["Day 16","Scroll Bar CSS"," /public/index.html"],["Day 17","Slider Using Swiper API"," /public/slider%20box/index.html"],["Day 18","Carousel Solar System"," /public/carousal/index.html"],["Day 19","Planto"," /public/plantwebsite/plant.html"],["Day 20","EveSparks"," /public/https://evesparks.onrender.com/"],["Day 21","Video BG Slider Using React"," /public/https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/travel_website"],["Day 22","Page Loader"," /public/pageloader/pageloader.html"],["Day 23","Jarvis Virtual Assistant"," /public/Jarvis-AI-main/index.html"],["Day 24","Chat Bot"," /public/AI%20ChatBot/chatbot.html"],["Day 25","Tic-Tac-Toe"," /public/TicTacToe/index.html"],["Day 26","Maze Game"," /public/Maze-Game-main/index.html"],["Day 27","Memory Game"," /public/MemoryGame/index.html"],["Day 28","Wordle"," /public/WORDLE/index.html"],["Day 29","Snake Game"," /public/snake_game/index.html"],["Day 30","Flappy-bird-game"," /public/Flappy-bird-main/index.html"],["Day 31","Password Manager"," /public/password%20manager/index.html"],["DAY-32","Missionaries & Cannibals"," /public/Missionaries&Cannibals/index.html"],["Day 33","Weather Forcasting"," /public/Weather%20Forcasting/index.html"],["Day 34","Email Validator"," /public/email%20validator/index.html"],["Day 35","Vanilla-JavaScript-Calculator"," /public/Vanilla-JavaScript-Calculator-master/index.html"],["Day 36","Medical App"," /public/Medical_App/index.html"],["Day 37","2048 Game"," /public/2048_game/index.html"],["Day 38","Github Profile Finder","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/github_profile_finder"],["Day 39","Notes App"," /public/notes-app/index.html"],["Day 40","Analog Clock"," /public/AnalogClock/index.html"],["Day 41","Scroll Dark Game"," /public/Scroll%20Game%20Dark%20Run/index.html"],["Day 42","Amazon App"," /public/Amazon_Clone/index.html"],["Day 43","Password Generator"," /public/Password_Generator/index.html"],["Day 44","BMI Calculator"," /public/BMI_Calculator/index.html"],["Day 45","Black Jack"," /public/BlackJack/blackJ.html"],["Day 46","Palindrome Generator"," /public/Palindrome_Generator/index.html"],["Day 47","Ping Pong Game"," /public/ping/index.html"],["Day 48","TextToVoiceConverter"," /public/TextToVoiceConverter/index.html"],["Day 49","Url Shortener","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/url_shortener"],["Day 50","Recipe Genie","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Recipe-Genie"],["Day 51","Netflix Landing Page Clone"," /public/Netflix_Cloning/Index.html"],["Day 52","ClimaCode"," /public/ClimaCode%202.0/index.html"],["Day 53","E-Commerce Website with Simple Cart Functionality"," /public/e-commerce_cart/index.html"],["Day 54","Budget Tracker"," /public/Budget%20Tracker/index.html"],["Day 55","Cricket Game"," /public/cricket/index.html"],["Day 56","Pastebin using svelte","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/pastebin"],["Day 57","Glowing Social Media Icons"," /public/Social%20Media%20Glowing/index.html"],["Day 58","Music App"," /public/Music%20App/index.html"],["Day 59","Blog Page"," /public/Blog%20Page/index.html"],["Day 60","Marketing template website"," /public/marketing_website/index.html"],["Day 61","Hologram Button"," /public/Holo%20Button/index.html"],["Day 62","Solar System Explorer"," /public/Solar%20System%20Explorer%20in%20CSS%20only%20haml/template.html"],["Day 63","Image to Text App"," /public/Image-To-Text-App/index.html"],["Day 64","Zomato-clone"," /public/zomato-clone/zomato.html"],["Day 65","The Cube"," /public/The%20Cube/index.html"],["Day 66","Flask Authentication App","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/flask_auth_app/README.md"],["Day 67","Blog-Website"," /public/blog/main.html"],["Day 68","3d Rotating Card"," /public/3d%20cards/index.html"],["Day 69","Spotify Clone Project"," /public/spotify-clone%20-project/index.html"],["Day 70","Insect-Catch_Game"," /public/Insect-Catch-Game/index.html"],["Day 71","Quotely Laughs"," /public/Quotely-Laughs/index.html"],["Day 72","Contact Book","https://github.com/dhairyagothi/50_days_50_web_project/tree/Main/public/Contact%20Book/README.md"],["Day 73","Candy_Crush_Game"," /public/Candy_Crush_Game/index.html"],["Day 74","Stock Profit Calculator"," /public/Stock-Profit-Calculator/index.html"],["Day 75","code-space-game project"," /public/code-jump-space-game/index.html"],["Day 76","Animated Searchbar"," /public/Animated%20Searchbar/index.html"],["Day 77","Rock-Paper-Scissor-game project"," /public/Stone-Paper-Scissor/index.html"],["Day 78","NPM Package Search"," /public/NPM%20Package%20Search/index.html"],["Day 79","Linkedin Homepage Clone"," /public/Linkedin-Clone/index.html"],["Day 80","Resume Studio"," /public/ResumeStudio/index.html"],["Day 81","CountDown Timer","/public/CountDown Timer/index.html"],["Day 82","Portfolio","/public/Portfolio/index.html"]] // Table Body tbody = document.getElementById("tableBody") diff --git a/public/Portfolio/assets/View Icon.png b/public/Portfolio/assets/View Icon.png new file mode 100644 index 00000000..8edb5950 Binary files /dev/null and b/public/Portfolio/assets/View Icon.png differ diff --git a/public/Portfolio/assets/avatar.png b/public/Portfolio/assets/avatar.png new file mode 100644 index 00000000..0e400af5 Binary files /dev/null and b/public/Portfolio/assets/avatar.png differ diff --git a/public/Portfolio/assets/contact/Email Icon.png b/public/Portfolio/assets/contact/Email Icon.png new file mode 100644 index 00000000..58043840 Binary files /dev/null and b/public/Portfolio/assets/contact/Email Icon.png differ diff --git a/public/Portfolio/assets/contact/instagram.png b/public/Portfolio/assets/contact/instagram.png new file mode 100644 index 00000000..05b9338e Binary files /dev/null and b/public/Portfolio/assets/contact/instagram.png differ diff --git a/public/Portfolio/assets/contact/x.png b/public/Portfolio/assets/contact/x.png new file mode 100644 index 00000000..3176a881 Binary files /dev/null and b/public/Portfolio/assets/contact/x.png differ diff --git a/public/Portfolio/assets/contact/youtube.png b/public/Portfolio/assets/contact/youtube.png new file mode 100644 index 00000000..a13b4fde Binary files /dev/null and b/public/Portfolio/assets/contact/youtube.png differ diff --git a/public/Portfolio/assets/experience/apple-logo.png b/public/Portfolio/assets/experience/apple-logo.png new file mode 100644 index 00000000..23b49a6b Binary files /dev/null and b/public/Portfolio/assets/experience/apple-logo.png differ diff --git a/public/Portfolio/assets/experience/google-logo.png b/public/Portfolio/assets/experience/google-logo.png new file mode 100644 index 00000000..37cd046b Binary files /dev/null and b/public/Portfolio/assets/experience/google-logo.png differ diff --git a/public/Portfolio/assets/experience/meta-logo.png b/public/Portfolio/assets/experience/meta-logo.png new file mode 100644 index 00000000..b4eb8cd4 Binary files /dev/null and b/public/Portfolio/assets/experience/meta-logo.png differ diff --git a/public/Portfolio/assets/logo.png b/public/Portfolio/assets/logo.png new file mode 100644 index 00000000..24ab24af Binary files /dev/null and b/public/Portfolio/assets/logo.png differ diff --git a/public/Portfolio/assets/projects/project-thumbnail-1.png b/public/Portfolio/assets/projects/project-thumbnail-1.png new file mode 100644 index 00000000..3f5cb448 Binary files /dev/null and b/public/Portfolio/assets/projects/project-thumbnail-1.png differ diff --git a/public/Portfolio/assets/projects/project-thumbnail-2.png b/public/Portfolio/assets/projects/project-thumbnail-2.png new file mode 100644 index 00000000..3553a4bb Binary files /dev/null and b/public/Portfolio/assets/projects/project-thumbnail-2.png differ diff --git a/public/Portfolio/assets/skills/css.png b/public/Portfolio/assets/skills/css.png new file mode 100644 index 00000000..04a322ef Binary files /dev/null and b/public/Portfolio/assets/skills/css.png differ diff --git a/public/Portfolio/assets/skills/html.png b/public/Portfolio/assets/skills/html.png new file mode 100644 index 00000000..35b146f9 Binary files /dev/null and b/public/Portfolio/assets/skills/html.png differ diff --git a/public/Portfolio/assets/skills/javascript.png b/public/Portfolio/assets/skills/javascript.png new file mode 100644 index 00000000..bec06702 Binary files /dev/null and b/public/Portfolio/assets/skills/javascript.png differ diff --git a/public/Portfolio/assets/skills/nodejs.png b/public/Portfolio/assets/skills/nodejs.png new file mode 100644 index 00000000..b3f22fe6 Binary files /dev/null and b/public/Portfolio/assets/skills/nodejs.png differ diff --git a/public/Portfolio/assets/skills/reactjs.png b/public/Portfolio/assets/skills/reactjs.png new file mode 100644 index 00000000..cdab005b Binary files /dev/null and b/public/Portfolio/assets/skills/reactjs.png differ diff --git a/public/Portfolio/index.html b/public/Portfolio/index.html new file mode 100644 index 00000000..09bb253c --- /dev/null +++ b/public/Portfolio/index.html @@ -0,0 +1,157 @@ + + + + + + + Portfolio + + + + +
+ + +
+
avatar
+
+ I do code and
+ make content about it! + +
+
I am a seasoned full-stack software engineer with over + 8 years of professional experience, specializing in backend development. + My expertise lies in crafting robust and scalable SaaS-based + architectures on the Amazon AWS platform. +
+
+
+ + +
+
+
+

EXPERIENCE WITH

+
+ + + + + +
+
+
+

PROJECTS

+
+
+ +
+
+ CLICK HERE TO VISIT + HTML TUTORIAL +
+
+ +
+
+ +
+
+ +
+
+ CLICK HERE TO VISIT + CSS TUTORIAL +
+
+ +
+
+
+
+
+
+

EXPERIENCE

+
+
+
+
+ + Lead Software Engineer at Google +
+
Nov 2019 - Present
+
+
As a Senior Software Engineer at Google, I played a pivotal role in developing + innovative solutions for Google's core search algorithms. Collaborating with a dynamic team of + engineers, I + contributed to the enhancement of search accuracy and efficiency, optimizing user experiences for + millions + of users worldwide. +
+
+
+
+
+ + Junior Software Engineer at Apple +
+
Jan 2016 - Dec 2017
+
+
During my tenure at Apple, I held the role of Software Architect, where I + played a key role in shaping the architecture of mission-critical software projects. Responsible for + designing scalable and efficient systems, I provided technical leadership to a cross-functional + team. +
+
+
+
+
+ + Software Engineer at Meta +
+
Jan 2017 - Oct 2019
+
+
At Meta, I served as a Software Engineer, focusing on the design and + implementation of backend systems for the social media giant's dynamic platform. Working on projects + that involved large-scale data processing and user engagement features, I leveraged my expertise to + ensure seamless functionality and scalability. +
+
+
+
+
+
+

Contact

+
+ Seasoned Full Stack Software Engineer with over 8 years of hands-on experience in designing + and implementing robust, scalable, and innovative web solutions. Adept at leveraging a + comprehensive skill set encompassing front-end and back-end technologies +
+ + +
+
+ + + + + \ No newline at end of file diff --git a/public/Portfolio/style.css b/public/Portfolio/style.css new file mode 100644 index 00000000..703948d0 --- /dev/null +++ b/public/Portfolio/style.css @@ -0,0 +1,423 @@ +@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); + +* { + padding: 0; + margin: 0; + font-family: "Poppins", sans-serif; + box-sizing: border-box; +} + +html, +body { + background-color: #161513; + display: flex; + flex-direction: column; + gap: 80px; + min-height: 100vh; + +} + +.page1 { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 40px; +} + +.nav { + + width: 100%; + +} + +nav { + display: flex; + justify-content: center; + align-items: center; + gap: 300px; + position: fixed; + background-color: #222222; + margin-left: 0; + width: 100%; + opacity: 0.8; +} + +ul { + list-style: none; + display: flex; + gap: 10px; +} + +li { + color: white; + font-size: 15px; + padding: 5px 25px; +} + +li:hover { + animation: zoomin ease-in 1s 1 forwards; + +} + +a { + text-decoration: none; +} + +.intro { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin: auto; + gap: 35px; + text-align: center; +} + +.intro img { + margin-top: 150px; + height: 223px; + width: 251px; +} + +.intro img:hover { + animation: rotate ease-in-out 5s infinite; +} + +.intro .mainText { + color: white; + text-align: center; + font-size: 55px; + font-weight: bolder; + line-height: 1.2; +} + +.intro .mainText .highlight { + background: linear-gradient(to right, #ff7e5f, #8e44ad); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + color: transparent; +} + +.intro .text { + color: #C5C5C5; + text-align: center; + font-size: 18px; + letter-spacing: 1px; + max-width: 750px; + font-weight: 300; +} + +.btn { + padding: 10px 25px; + font-size: 21.83px; + font-weight: 600; + box-sizing: border-box; + border-radius: 50px; + margin: auto 5px; +} + +.btn-light { + color: black; + background-color: white; +} + +.btn-dark { + color: white; + background-color: #161513; + border: 3px solid white; +} + +.skill { + display: flex; + flex-direction: column; + align-items: center; + gap: 30px; + text-align: center; +} + +.skill h1 { + color: #C5C5C5; + font-size: 20px; + letter-spacing: 3px; + font-weight: 500; +} + +.skills img { + height: 42px; + margin: 15px 25px; +} + +.projects h1 { + background: linear-gradient(to bottom, rgba(255, 134, 96, 1) 0%, rgba(213, 73, 29, 1) 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + color: transparent; + text-align: center; + font-size: 35px; + font-weight: 900; +} + +.projects .cards { + display: flex; + justify-content: center; + margin: 50px; + gap: 30px; + flex-wrap: wrap; +} + +.projects .cards .card { + display: flex; + flex-direction: column; + background-color: #2A2A2A; + border-radius: 18px; +} + + +.projects .text { + display: flex; + flex-direction: column; + +} + +.projects .element { + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px; + padding-bottom: 10px; +} + +.projects .element .text :nth-child(1) { + font-size: 10px; + font-weight: bolder; + color: #C5C5C5; +} + +.projects .element .text :nth-child(2) { + font-size: 19px; + font-weight: bolder; + color: white; +} + +.experience { + max-width: 800px; + margin: auto; + display: flex; + flex-direction: column; + gap: 50px; +} + +.experience h1 { + background: linear-gradient(to bottom, rgba(91, 173, 255, 1) 0%, rgba(19, 115, 209, 1) 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; + color: transparent; + text-align: center; + font-size: 35px; + font-weight: 900; +} + +.experience .headline { + display: flex; + color: white; + align-items: center; + justify-content: space-between; +} + +.experience .lead { + display: flex; + align-items: center; + gap: 20px; +} + +.experience .lead span { + font-size: 21.74px; + font-weight: 600; + color: white; +} + +.experience .headline .timeline { + color: #8491A0; + font-size: 14.49px; + font-weight: 400; +} + +.company { + display: flex; + flex-direction: column; + gap: 15px; +} + +.info { + display: flex; + flex-direction: column; + gap: 50px; +} + +.company .description { + color: #8491A0; + font-size: 14.49px; + font-weight: 400; +} + +.last { + background-color: #191919; + width: 100%; +} + +.contact { + display: flex; + flex-direction: column; + gap: 30px; + max-width: 950px; + margin: auto; + padding: 80px; + + +} + +.contact h1 { + color: white; + font-size: 23.53; +} + +.contact .description { + color: #C5C5C5; + font-size: 14.12px; + font-weight: 300; + max-width: 680px; +} + +.contact .email { + display: flex; + align-items: center; + gap: 10px; +} + +.contact .email span { + color: #C5C5C5; + font-size: 14.12px; +} + +.contact .social { + display: flex; + gap: 20px; +} + +@keyframes rotate { + from { + transform: rotate(0deg); + } + + to { + transform: rotateY(360deg) + } +} + +@keyframes zoomin { + from {} + + to { + font-size: 17px; + background-color: white; + color: #161513; + border-radius: 15px; + + } +} + +@media only screen and (max-width: 860px) { + nav { + gap: 40px; + } + + ul { + gap: 20px; + } + + li { + font-size: 12px; + } + + .intro img { + height: 150px; + width: auto; + } + + .intro .mainText { + font-size: 30px; + } + + .intro .text { + font-size: 15px; + margin: 0 30px; + } + + .btn { + font-size: 14px; + } + + .skills img { + margin: 7px; + } + + .projects .card { + width: 300px; + } + + .experience .headline { + flex-direction: column; + } + + .experience .lead { + gap: 2px; + } + + .experience .lead span { + font-size: 18px; + } + + .company .description { + text-align: center; + margin: 0 30px; + } +} + +@media only screen and (max-width: 380px) { + nav { + gap: 20px; + } + + ul { + gap: 10px; + } + + .intro .mainText { + font-size: 25px; + } + + .intro .text { + font-size: 12px; + } + + .btn { + font-size: 12px; + } + + .experience .headline .lead { + gap: 2px; + } + + .experience .lead span { + font-size: 15px; + } + + .company .description { + margin: 0 30px; + font-size: 14px; + } +} \ No newline at end of file