Skip to content

Commit

Permalink
Separated Home and About section, new gradient
Browse files Browse the repository at this point in the history
  • Loading branch information
@Rac-Ro007
Rac-Ro007 committed Nov 21, 2023
1 parent f47e85a commit 1f51a2c
Show file tree
Hide file tree
Showing 3 changed files with 129 additions and 21 deletions.
12 changes: 12 additions & 0 deletions css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -85,6 +85,18 @@ body {
overflow: auto;
}

.h2-greenblue {
/* font-size: 72px; */
background: -webkit-linear-gradient(#30cfd0, #330867);
/*background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);*/
/* background-image: linear-gradient( 109.6deg, rgba(48,207,208,1) 11.2%, rgba(51,8,103,1) 92.5% ); */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.h2 a:hover{
text-decoration: none;
}

#display h1 {
font-size: 50px;
Expand Down
2 changes: 1 addition & 1 deletion css/resume.min.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

136 changes: 116 additions & 20 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,8 @@

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="description" content="Ronak Vadhaiya Portfolio">
<meta name="author" content="Ronak Vadhaiya">
<title>Ronak Vadhaiya</title>
<meta name="description" content="Software Engineer, Software Developer, Freelancer">
<meta name="keywords" content="Python Developer, Software Engineer, Django, Java, React JS, MERN Stack, Node JS, HTML, CSS, JavaScript">
Expand All @@ -19,7 +19,7 @@
<!-- Favicon -->
<link rel="shortcut icon" type="img/x-icon" href="img/favicon-sa2.png"/>
<!-- Custom fonts for this template -->
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:300,500" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet">
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<!-- Aos cdn -->
Expand Down Expand Up @@ -73,7 +73,30 @@
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#awards">Awards</a>
</li>
<li class="social-icons nav-item p-t-5">
</ul>
</div>
</nav>

<div class="container-fluid p-0">
<section class=" home resume-section p-lg-5 d-flex align-items-center" style="text-align: center;" id="home">
<div class="w-100" style="margin: auto;">
<h2 class="mb-2 h2-greenblue" style="font-size:35px ! important;">👋 Hey there, I'm
</h2>
<h2 class="mb-3 h2-greenblue" style="height: 90px;">
<a style="" href="" class="typewrite" data-period="5000" data-type='[ "Ronak Vadhaiya", "a Software Engineer", "CS Undergrad","and a Fun Teammate" ]'>
<span class="wrap"></span>
</a>
</h2>
<div class="subheading mb-2">Boston, Massachusetts, United States·
</div>
<span class="badge badge-sm bg-lime-300 border-lime-400 font-semibold m-b-6 p-x-4 flex-wrap dark-white items-center" style="display: inline-block! important;">

<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke-width="2" class="ai ai-CircleFill green-600 m-r-3">
<circle cx="12" cy="12" r="11"></circle>
</svg>
Open for Internship Summer 2024
</span>
<div class="social-icons nav-item p-t-3">
<a href="https://www.linkedin.com/in/ronakvadhaiya/">
<i class="fab fa-linkedin-in"></i>
</a>
Expand All @@ -89,38 +112,30 @@
<a href="mailto:[email protected]">
<i class="fas fa-envelope"></i>
</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</section>

<div class="container-fluid p-0">
<div class="night">
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<div class="shooting_star"></div>
<!-- <div class="shooting_star"></div>
<div class="shooting_star"></div> -->
</div>
<section class=" about resume-section p-lg-5 d-flex align-items-center" style="padding-top:2 !important;"id="about">
<div class="w-100">
<h2 class="mb-0 text-primary">👋 Hey there, I'm
<h2 class="mb-5 h2-greenblue">About Me</h2>
<hr width="100%">
<!-- <h2 class="mb-0 text-primary">👋 Hey there, I'm
</h2>
<h2 style="height: 60px;">
<a style="color:orange ! important" href="" class="typewrite" data-period="5000" data-type='[ "Ronak Vadhaiya", "a Software Engineer", "CS Undergrad","and a Fun Teammate" ]'>
<span class="wrap"></span>
</a>
</h2>
<div class="subheading mb-2">Boston, Massachusetts, United States·
<div class="subheading mb-2">Boston, Massachusetts, United States·
</div>
<span class="badge badge-sm bg-lime-300 border-lime-400 font-semibold m-b-6 p-x-4 flex-wrap dark-white items-center">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 24 24" fill="currentColor" stroke-width="2" class="ai ai-CircleFill green-600 m-r-3">
<circle cx="12" cy="12" r="11"></circle>
</svg>
Open for Internship Summer 2024
</span>
</span> -->
<p class="lead" align="justify">I'm a grad student @ Northeastern University, Boston; having 3 years of professional experience. I completed BTech in Computer Science from K.J Somaiya College Of Engineering , Mumbai. and I'm on a relentless journey through the realms of software development. Armed with a B.Tech in Computer Science, I've been immersed in the art of crafting robust systems and cutting-edge applications.<br><br>
</p>
<!-- <span class="badge badge-sm border-orange-300 bg-orange-200 font-semibold p-x-3 p-y-2 m-b-4">
Expand Down Expand Up @@ -463,6 +478,87 @@ <h4 class="text-primary"> Databases </h4>
</div>
</section>

<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="skills">
<div class="w-100">
<h2 class="mb-3">Skills</h2>

<h4 class="text-primary">I work with all technologies below and always excited to explore new technologies and getting familiar with them is what I love.☁️🚀</h4>

<hr width="100%">
<br>
<h4 class="text-primary"> Languages & Skills </h4>

<p float="left">
<a href="" target="_blank" >
<img src="https://raw.githubusercontent.com/Rac-Ro007/Rac-Ro007/master/assets/python.svg" height="60" />&nbsp;&nbsp;&nbsp;
</a>
<a href="https://www.docker.com/" target="_blank" >
<img src="https://raw.githubusercontent.com/Rac-Ro007/Rac-Ro007/master/assets/docker.gif" height="80" />
</a>
<a href="https://kubernetes.io/" target="_blank" >
<img src="https://raw.githubusercontent.com/Rac-Ro007/Rac-Ro007/master/assets/k8s.gif" height="75" />
</a>
<a href="https://docs.gitlab.com/ee/ci/" target="_blank" >
<img src="https://raw.githubusercontent.com/Rac-Ro007/Rac-Ro007/master/assets/cicd.gif" height="65" />&nbsp;&nbsp;&nbsp;
</a>
<a href="" target="_blank" >
<img src="https://raw.githubusercontent.com/Rac-Ro007/Rac-Ro007/master/assets/java.svg" height="60" />&nbsp;&nbsp;&nbsp;
</a>
<a href="" target="_blank" >
<img src="https://raw.githubusercontent.com/Rac-Ro007/Rac-Ro007/master/assets/c.svg" height="60" />&nbsp;&nbsp;&nbsp;
</a>
<a href="" target="_blank" >
<img src="https://raw.githubusercontent.com/Rac-Ro007/Rac-Ro007/master/assets/javascript.svg" height="60" />&nbsp;&nbsp;&nbsp;
</a>
<a href="https://www.w3.org/wiki/The_web_standards_model_-_HTML_CSS_and_JavaScript" target="_blank" >
<img src="https://raw.githubusercontent.com/Rac-Ro007/Rac-Ro007/master/assets/html-css-js.png" height="60" />&nbsp;&nbsp;&nbsp;
</a>
</p>
<!--<a href="https://golang.org/" target="_blank" >
<img src="https://raw.githubusercontent.com/itsksaurabh/itsksaurabh/master/assets/golang.gif" height="90" />
</a>
<a href="https://www.docker.com/" target="_blank" >
<img src="https://raw.githubusercontent.com/itsksaurabh/itsksaurabh/master/assets/docker.gif" height="80" />
</a>
<a href="https://kubernetes.io/" target="_blank" >
<img src="https://raw.githubusercontent.com/itsksaurabh/itsksaurabh/master/assets/k8s.gif" height="75" />
</a>
<a href="https://docs.gitlab.com/ee/ci/" target="_blank" >
<img src="https://raw.githubusercontent.com/itsksaurabh/itsksaurabh/master/assets/cicd.gif" height="65" />
</a>
<a href="https://www.terraform.io/" target="_blank" >
<img src="https://raw.githubusercontent.com/itsksaurabh/itsksaurabh/master/assets/terraform.gif" width="120" />
</a>
<a href="https://helm.sh/" target="_blank" >
<img src="https://raw.githubusercontent.com/itsksaurabh/itsksaurabh/master/assets/helm.gif" height="75" />
</a>
<a href="https://grpc.io/" target="_blank" >
<img src="https://raw.githubusercontent.com/itsksaurabh/itsksaurabh/master/assets/grpc.gif" height="75" />
</a>
-->
<br>
<h4 class="text-primary"> Frameworks and Other Tech's </h4>

<p float="left">

</p>

<br>
<h4 class="text-primary"> CSPs / Cloud Service Providers </h4>

<br>
<h4 class="text-primary"> Databases </h4>


</br>
<hr width="100%">
<div class="subheading mb-3">Check all my projects on my <a href="http://www.github.com/Rac-Ro007" target="_blank">Github.</a></div>
<img src="https://github-readme-stats.vercel.app/api?username=Rac-Ro007&show_icons=true&theme=algolia" height="" />
<!-- <img src="https://github-readme-stats.vercel.app/api/top-langs/?username=Rac-Ro007&layout=compact" height="" /> -->

</div>
</section>

<!-- <hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="projects">
Expand Down

0 comments on commit 1f51a2c

Please sign in to comment.