diff --git a/Portfolio.css b/Portfolio.css new file mode 100644 index 0000000..3ebe061 --- /dev/null +++ b/Portfolio.css @@ -0,0 +1,252 @@ +html { + scroll-behavior: smooth; +} + +body { + margin: 0px; + font-family: Georgia, Times New Roman, Times, serif, Arial, sans-serif; + background: url(https://live.staticflickr.com/65535/52294206045_d306dba51e_o.png) center center !important; + background-size: cover !important; +} + +.navbar { + border: solid; + border-width: 2px; + z-index: 1; + background-color: rgb(255, 255, 255, 0.4); + border-radius: 50px; + text-align: center; + width: 60%; + margin: auto; + padding: 20px; +} + +a { + text-decoration: none; + color: black; + font-family: "Alkatra"; +} + +.navbar a { + width: 40px; + text-decoration: none; + margin: 20px; +} + +.navbar a:hover { + border-radius: 50px; + margin: 70px; + padding: 15px; + color: white; + text-decoration: underline; + background-color: black; + transition: all ease 2s; +} + +.front { + display: flex; + margin: 10px; + border-radius: 100px; + background-color: rgb(225, 100, 255, 0.4); + height: 620px; + border: solid; + border-width: 2px; + align-items: center; +} + +.intro { + position: absolute; + left: 70px; +} + +.io { + font-size: 30px; + transition: all ease 1s; +} + +.io:hover { + font-size: 40px; +} + +.name { + font-family: 'Black Ops One'; + font-size: 60px; + padding: 30px; + display: inline; + position: relative; +} + +.goal { + color: rgb(255, 255, 0); + font-family: "Indie Flower"; +} + +.goal:hover { + color: rgb(255, 255, 255); + text-decoration: underline; + transform: rotate(45deg); +} + + +.about { + margin: 10px; + font-family: "Alkatra"; + width: 50%; + border-radius: 50px; + background-color: rgb(255, 255, 255, 0.4); + font-size: 20px; + padding: 20px; + border: solid; + border-width: 2px; + display: inline-block; +} + +.about p { + margin: 0px; +} + +.about a { + text-decoration: underline; +} + +.about h2 { + margin: 0px; +} + +.contact { + background-color: black; + border: solid; + border-color: white; + border-radius: 50px; + padding: 20px; +} + +.title { + color: white; + position: relative; + margin: 10px; + text-align: center; + font-size: 35px; + font-family: "Ubuntu"; + text-shadow: 2px 2px 2px rgb(255, 255, 0); +} + +.title:hover { + transition: all ease 0.5s; + font-size: 40px; +} + +.inputs { + width: 50%; +} + +.contact_message { + font-size: 20px; + width: 50%; + color: white; + text-align: center; +} + +.contact input { + text-align: center; + display: block; + width: 300px; + padding: 10px; + border-radius: 20px; + border: solid; + border-width: 3px; + margin: auto; + margin-bottom: 10px; + margin-top: 10px; + font-size: 20px; + border-color: rgb(211, 211, 27) +} + +.social { + text-align: center; + background-color: rgb(0, 0, 0); + padding: 10px; +} + +.fa { + text-align: center; + font-size: 30px; + color: white; + width: 30px; + border-color: white; + border-radius: 15px; +} + +.fa:hover { + opacity: 0.4; +} + +footer { + background: #111; + padding: 15px 23px; + color: #fff; + text-align: center; +} + + /*.fa { + text-align: center; + margin: 0px 4px; + font-size: 20px; + width: 20px; + border: solid; + border-width: 3px; + border-color: black; + border-radius: 15px; + padding: 10px; +} + + +.fa-whatsapp { + color: white; + background-color: rgb(37, 211, 102); +} + +.fa-facebook { + background: #1877f2; + color: white; +} + +.fa-instagram { + background: #f09433; + background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); + background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); + background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); + color: white; +} + +.fa-twitter { + background: rgb(29, 155, 240); + color: white; +} + +.fa-linkedin { + background: rgb(10, 102, 194); + color: white; +} + +.fa-github { + background: black; + color: white; +} + + +.fa-youtube { + background: #bb0000; + color: white; +} + +.fa-snapchat { + background: #fffc00; + color: white; + text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; +} + +.fa-google { + background: #dd4b39; + color: white; +}*/ \ No newline at end of file diff --git a/Portfolio.js b/Portfolio.js new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..a2bde38 --- /dev/null +++ b/index.html @@ -0,0 +1,121 @@ + + + + + + + Akshat B Gupta + + + + + + + +
+
+
Welcome! I'm
+ Akshat B Gupta
And I wanna Be DATA SCIENTIST :) +
+
+
+
+

ABOUT ME

+
+

I'm a humble individual who strongly believes in power of teamwork. My logical thinking skills + enable me to analyze complex situations and find effective solutions. Coding has been a hobby of + mine along with reading books, and I find it both challenging and fulfilling. I also enjoy + watching anime in free time, as it provides me with valuable life lessons. Overall my + personality, teamwork abilities, logical thinking, and hobbies make me a well-rounded person who + is always eager to learn and grow.

+
+ ●  Bachelor of Science - Data + Science
+
+ 2022 - 20??
+

Indian Institute of Technology, Madras.

+
+
+
+ ●  Bachelor of Technology - + Electronics
+
+ 2022 - 2026
+

Walchand College of Engineering, Sangli.

+
+
+
+ ●   CBSE Board - 12TH
+
2020 - 2022
+

Chhaya Public School, Ghaziabad.

+
+
+
+ ●   CBSE Board - 10TH
+
2018 - 2020
+

Bhartiya Vidya Peeth, Agra

+
+
+
+ GET MY RESUME +
+
+
+

CONTACT ME

+
+
+
+
+ + + + + +
+
+
Thank you for taking the time to visit my portfolio! I'm excited to hear from you and discuss + potential opportunities, collaborations, or simply have a chat. Please feel free to reach out using + the contact details below:
+
Email: gakshatb@gmail.com
+
Phone: +91 - 6397906947
+
I strive to be responsive and will do my best to get back to you within 24-48 hours. Whether you + have a project in mind, a question to ask, or just want to connect, I'm here to engage in meaningful + conversations.
+
If you prefer, you can also use the contact form on this page to send me a direct message. Just + fill in + your details, leave a message, and I'll get back to you as soon as possible.
+
Thank you once again for visiting my portfolio, and I look forward to connecting with you!
+
+
+
+
+
+ + + + + + + + + +
+ + + + + \ No newline at end of file