Skip to content

Commit

Permalink
Add
Browse files Browse the repository at this point in the history
  • Loading branch information
@gakshatb
gakshatb committed Jan 26, 2024
0 parents commit 4b301e0
Show file tree
Hide file tree
Showing 3 changed files with 373 additions and 0 deletions.
252 changes: 252 additions & 0 deletions Portfolio.css
Original file line number Diff line number Diff line change
@@ -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;
}*/
Empty file added Portfolio.js
Empty file.
121 changes: 121 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Akshat B Gupta</title>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css'>
<link rel="stylesheet" href="Portfolio.css" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Alkatra&family=Black+Ops+One&family=Creepster&family=Indie+Flower&family=Press+Start+2P&family=Rubik+Pixels&display=swap');
</style>
</head>

<body>
<div class="navbar" id="navbar">
<a href="Resume - Akshat.pdf">Akshat B Gupta</a>
<a href="https://portfolio.gakshatb.repl.co">Home</a>
<a href="#about">About Me</a>
<a href="#">Achievement</a>
<a herf="#">Visit Me</a>
<a href="#contact">Contact</a>
</div>
<div class="front">
<div class="intro">
<div class="io">Welcome! I'm<br>
<name class="name">Akshat B Gupta</name><br>And I wanna Be <span class="goal">DATA SCIENTIST :)</span>
</div>
</div>
</div>
<div class="about" id="about">
<h2>ABOUT ME</h2>
<div>
<p>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.</p>
<div style="padding-bottom: 3px;">
<b style="color: black; font-size: 13px; font-weight: 600;">● &nbsp;Bachelor of Science - Data
Science</b><br>
<div style="border-left:2px solid black; padding-left: 5px; margin-left: 3px;">
<span class="badge background-css2"> 2022 - 20??</span><br>
<p style="font-size: 13px;">Indian Institute of Technology, Madras.</p>
</div>
</div>
<div style="padding-bottom: 3px;">
<b style="color: black; font-size: 13px; font-weight: 600;">● &nbsp;Bachelor of Technology -
Electronics</b><br>
<div style="border-left:2px solid black; padding-left: 5px; margin-left: 3px;">
<span class="badge background-css2"> 2022 - 2026 </span><br>
<p style="font-size: 13px;">Walchand College of Engineering, Sangli.</p>
</div>
</div>
<div style="padding-bottom: 3px;">
<b style="color: black; font-size: 13px;font-weight: 600;">● &nbsp; CBSE Board - 12TH</b><br>
<div style="border-left:2px solid black; padding-left: 5px; margin-left: 3px;"><span
class="badge background-css2"> 2020 - 2022 </span><br>
<p style="font-size: 13px;">Chhaya Public School, Ghaziabad.</p>
</div>
</div>
<div style="padding-bottom: 3px;">
<b style="color: black; font-size: 13px;font-weight: 600;">● &nbsp; CBSE Board - 10TH</b><br>
<div style="border-left:2px solid black; padding-left: 5px; margin-left: 3px;"><span
class="badge background-css2"> 2018 - 2020 </span><br>
<p style="font-size: 13px;">Bhartiya Vidya Peeth, Agra</p>
</div>
</div>
</div>
<a href="Resume - Akshat.pdf" />GET MY RESUME</a>
</div>
<div class="contact" id="contact">
<div>
<h2 class="title">CONTACT ME</h2>
</div>
<hr>
<div style="display: flex">
<div class="inputs">
<input type="text" placeholder="Name">
<input type="text" placeholder="E-Mail">
<input type="text" placeholder="Phone Number">
<input type="text" placeholder="Subject">
<input type="text" placeholder="Message">
</div>
<div class="contact_message">
<div>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:</div>
<div>Email: [email protected]</div>
<div>Phone: +91 - 6397906947</div>
<div>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.</div>
<div>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.</div>
<div>Thank you once again for visiting my portfolio, and I look forward to connecting with you!</div>
</div>
</div>
<hr>
</div>
<div class="social">
<a href="https://wa.me/6397906947" target="_blank" class="fa fa-whatsapp"></a>
<a href="https://www.facebook.com/gakshatb" target="_blank" class="fa fa-facebook"></a>
<a href="https://www.instagram.com/gakshatb__/" target="_blank" class="fa fa-instagram"></a>
<a href="https://twitter.com/gakshatb" target="_blank" class="fa fa-twitter"></a>
<a href="https://www.linkedin.com/in/gakshatb/" target="_blank" class="fa fa-linkedin"></a>
<a href="https://github.com/gakshatb" target="_blank" class="fa fa-github"></a>
<a href="https://www.youtube.com/@trytofeelit" target="_blank" class="fa fa-youtube"></a>
<a href="https://www.snapchat.com/add/gakshatb?share_id=-8tU33eJ7cg&locale=en-US" target="_blank"
class="fa fa-snapchat"></a>
<a href="mailto:[email protected]" target="_blank" class="fa fa-google"></a>
</div>
<footer>
<span>Created By - A⋆k$ha+𝜃</span>
</footer>
</body>

</html>
<!-- ☰ -->

0 comments on commit 4b301e0

Please sign in to comment.