Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
167 changes: 71 additions & 96 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@
<a href="#projects">Projects</a>
</li>
<li>
<a href="#skills">Skills</a>
<a href="#skills">Skills & Certificate</a>
</li>
<li>
<a href="#contact">Contact</a>
Expand All @@ -48,9 +48,9 @@

<div id="lead">
<div id="lead-content">
<h1>Ryan Fitzgerald</h1>
<h2>Software Engineer</h2>
<a href="#" class="btn-rounded-white">Download Resume</a>
<h1>Mohit Bhavsar</h1>
<h2>Civil Engineer</h2>
<a href="https://drive.google.com/file/d/1QNp-MSMzq7ruloDhmrCVTSMxbRhIVF85/view?usp=drivesdk" class="btn-rounded-white">Download Resume</a>
</div>
<!-- End #lead-content -->

Expand All @@ -73,71 +73,75 @@ <h2 class="heading">About Me</h2>
</div>
<div class="col-md-8">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat. Donec
eu vehicula neque. Donec viverra lorem nunc, tempus euismod eros sollicitudin ut. Quisque et tincidunt libero. Donec id pharetra justo. Proin euismod lacinia dolor, eu scelerisque justo tempus pharetra. Vivamus nunc justo, finibus
ut nisl sed, euismod rhoncus nulla. Proin sed magna egestas, egestas ante et, congue eros. In consequat, mauris dapibus tincidunt suscipit, ex libero aliquet diam, at maximus risus enim non leo.
I am a Senior Civil Engineer with extensive experience in planning, designing, and executing large-scale infrastructure projects, committed to innovation, structural excellence, and sustainable development.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- End #about -->

<div id="experience" class="background-alt">
<!-<div id="experience" class="background-alt">
<h2 class="heading">Experience</h2>
<div id="experience-timeline">
<div data-date="September 2015 – September 2016">
<h3>Employer Name</h3>
<h4>Job Title</h4>
<div data-date="May 2023- Present">
<h3>Shreeji The Crown</h3>
<h4>Senior Civil Engineer</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
</p>
A 28-floor mixed-use high-rise featuring 8 floors of commercial offices, a dedicated recreational floor with 35 amenities, luxury 3 & 4 BHK residences above, and 2 basements plus podium parking levels.Responsible for end-to-end civil execution including structural construction, commercial and residential floor development, parking podiums and basements, and coordination of recreational amenities and services in a 28-floor mixed-use high-rise project.
</div>

<div data-date="September 2015September 2016">
<h3>Employer Name</h3>
<h4>Job Title</h4>
<div data-date="May 2021May 2023">
<h3>Swaraj Apartment</h3>
<h4>Civil Engineer</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
</p>
</div>

<div data-date="September 2015 – September 2016">
<h3>Employer Name</h3>
<h4>Job Title</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
As the Civil Engineer in charge, I successfully completed the construction and delivery of a 7-floor residential development comprising 11 apartment wings, integrated with ground-floor amenities designed to support community living and enhance occupant comfort. The project encompassed full-scale civil works from foundation to superstructure, structural coordination, service integration, quality control, safety compliance, and final handover.
</p>
</div>
</div>
</div>
</div> -->
<!-- End #experience -->
<!----

<div id="education">
<h2 class="heading">Education</h2>
<div class="education-block">
<h3>University of Ottawa</h3>
<span class="education-date">Sept 2016 - Sept 2017</span>
<h4>Bachelor of Science in Computer Science</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
</p>
<h3>Savitribai Phule Pune University</h3>
<span class="education-date">2018 - 2021</span>
<h4>Bachelor of Engineering in Civil</h4>
<li>
Sandip Institute of Engineering and Management - [SIEM], Nasik.
</li>
<li>
7.12 CGPA
</li>
</div>
<!-- End .education-block -->

<div class="education-block">
<h3>University of Ottawa</h3>
<span class="education-date">Sept 2016 - Sept 2017</span>
<h4>Bachelor of Science in Computer Science</h4>
<ul>
<h3>Maharashtra State Board of Technical Education (MSBTE)</h3>
<span class="education-date">2015 - 2018</span>
<h4>Diploma in Civil Engineering</h4>
<li>
Ahinsa Polytechnic, Dondaicha.
</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
7.78 CGPA
</li>
</li>
</ul>
</div>
<!-- End .education-block -->
<div class="education-block">
<h3>Maharashtra State Board of Secondary and Higher Secondary Education
</h3>
<span class="education-date">2014 - 2015</span>
<h4>10TH</h4>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Nutan Madhyamik Vidyalaya, Dondaicha.
</li>
<li>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
81.80 %
</li>
</li>
</ul>
</div>
Expand All @@ -155,65 +159,44 @@ <h2 class="heading">Projects</h2>
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Project Name Here</h3>
<h3>Swaraj Apartment</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
7-Floor Residential Development with 11 Wings and Ground-Floor Amenities

This project is a large-scale residential development comprising seven floors across eleven apartment wings, designed to accommodate modern urban housing needs with integrated lifestyle facilities on the ground floor. The development features a combination of multi-family residential units, community spaces, utility infrastructure, and essential services built to meet safety regulations, quality standards, and aesthetic expectations.
</p>
<a href="#">View Project</a>
<a href="https://maps.app.goo.gl/oDcsv4oW41M45Z8v8">View Project</a>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->

<div class="project shadow-large">
<div class="project-image">
<img src="images/project.jpg" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Project Name Here</h3>
<div class="project-info">
<h3>Shreeji The Crown</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur in iaculis ex. Etiam volutpat laoreet urna. Morbi ut tortor nec nulla commodo malesuada sit amet vel lacus. Fusce eget efficitur libero. Morbi dapibus porta quam laoreet placerat.
A 28-floor mixed-use high-rise featuring 8 floors of commercial offices, a dedicated recreational floor with 35 amenities, luxury 3 & 4 BHK residences above, and 2 basements plus podium parking levels.
</p>
<a href="#">View Project</a>
<a href="https://maps.app.goo.gl/oDcsv4oW41M45Z8v8">View Project</a>
</div>
<!-- End .project-info -->
</div>

<!-- End .project -->
</div>
</div>
</div>
<!-- End #projects -->

<div id="skills">
<h2 class="heading">Skills</h2>
<h2 class="heading">Skills & Certificate</h2>
<ul>
<li>JavaScript</li>
<li>Python</li>
<li>Ruby</li>
<li>Go</li>
<li>Node.js</li>
<li>AngularJs</li>
<li>React</li>
<li>Elixir</li>
<li>Java</li>
<li>C</li>
<li>C#</li>
<li>C++</li>
<li>Ruby on Rails</li>
<li>JavaScript</li>
<li>Python</li>
<li>Ruby</li>
<li>Go</li>
<li>Node.js</li>
<li>AngularJs</li>
<li>React</li>
<li>Elixir</li>
<li>Java</li>
<li>C</li>
<li>C#</li>
<li>C++</li>
<li>Ruby on Rails</li>
<li>Microsoft Projects</li>
<li>Autocad</li>
<li>ETABS</li>
<li>RCDC</li>
<li>Primavera P6</li>
<li>Indian Plumbing Professional League</li>
<li>Surveying</li>
<li>Estimation</li>
<li>Costing</li>
<li></li>
</ul>
</div>
<!-- End #skills -->
Expand All @@ -237,7 +220,7 @@ <h2>Get in Touch</h2>
<div class="row">
<div class="col-sm-5 copyright">
<p>
Copyright &copy; 2020 YOUR NAME
Copyright &copy; 2025 MOHIT BHAVSAR
</p>
</div>
<div class="col-sm-2 top">
Expand All @@ -248,23 +231,15 @@ <h2>Get in Touch</h2>
<div class="col-sm-5 social">
<ul>
<li>
<a href="https://github.com/" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://mohitbhavsar555.github.io/" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://stackoverflow.com/" target="_blank"><i class="fa fa-stack-overflow" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/mohit-bhavsar-167482163" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://linkedin.com/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://www.facebook.com/" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://twitter.com/" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://plus.google.com/" target="_blank"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
<a href="https://twitter.com/mohitbhavsar555?s=09" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</li>

</ul>
</div>
</div>
Expand Down
2 changes: 1 addition & 1 deletion scss/styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@
*/

// Define base and accent colors
$base-color: #3498db;
$base-color: #92D55A;
$base-color-hover: darken($base-color, 10%);

// Define background colors
Expand Down