Skip to content

Commit

Permalink
Add index, script, style files
Browse files Browse the repository at this point in the history
  • Loading branch information
@Santosh-Kumar-Singh
Santosh-Kumar-Singh authored Dec 13, 2024
1 parent 9e5f439 commit 608e282
Show file tree
Hide file tree
Showing 4 changed files with 542 additions and 0 deletions.
188 changes: 188 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,188 @@
<!DOCTYPE html>
<html>
<head>
<title>SKS - Portfolio</title>
<link rel="stylesheet" href="./style.css"/>
<script src="./script.js"></script>
</head>
<body>
<!-- Navigation Bar -->
<nav>
<div id="home">
<div class="profile_name">
Santosh Kumar Singh
<div class="contact_info">
<img src="html_finalprojimages/envelope.png" alt="https://icons8.com/icon/124377/circled-envelope"/>
[email protected]
</div>
<div style="clear:both;"></div>
<div class="contact_info">
<img src="html_finalprojimages/phone.png" alt="https://icons8.com/icon/124377/circled-envelope"/>
+91 9622 144 526

</div>
</div>
<div class="topdiv">
<a class="topmenu" href="#about-me">About Me</a>
<a class="topmenu" href="#skills">Skills</a>
<a class="topmenu" href="#projects">Projects</a>
<a class="topmenu" href="#recommendations">Recommendations</a>
<!-- Add the links for Skills, Projects and Recommendation here -->

</div>
</div>
</nav>

<!-- About Me -->
<section id="about-me" class="container">
<div>
<img src="portfolio-pic.jpeg" class="profile_image"/>
</div>

<div>
<h1>
Hi, I'm SKS! <img src="html_finalprojimages/waving-hand.png" width="60px"/>
</h1>
<p>
I am a full stack developer with 2 years of experience in both application and presentation layers.
I have worked on applications and microservices deployed on IBM Cloud.
I am an avid user of IBM Watson Services and have worked on Watson Assistant, NLU, Sentiment analyzer to name a few.
</p>
</div>
</section>

<!-- Skills -->
<section id="skills">
<h2>Skills</h2>
<div style="clear:both;"></div>

<div class="all_skills">
<div class="skill">
<img src="html_finalprojimages/html5.png"/>
<h6>HTML</h6>
<p>2 years experience</p>
</div>

<div class="skill">
<img src="html_finalprojimages/js.jpeg"/>
<h6>JavaScript</h6>
<p>3 years experience</p>
</div>

<div class="skill">
<img src="html_finalprojimages/flash.png"/>
<h6>Python</h6>
<p>3 years experience</p>
</div>

<div class="skill">
<img src="html_finalprojimages/node.png"/>
<h6>PyTorch</h6>
<p>3 years experience</p>
</div>

<div class="skill">
<img src="html_finalprojimages/react.png"/>
<h6>AI & ML</h6>
<p>3 years experience</p>
</div>

<!-- Add more skills here -->


</div>
</section>

<!-- Projects -->
<section class="projects" id="projects">
<h2>
Projects
</h2>
<div style="clear:both;"></div>

<div id="projects-container" class="projects-container">
<div class="project-card">
<h3>Chatbot</h3>
<ul>
<li>Developed a secure website integrated with chatbot for an automobile client using HTML, CSS, JavaScript and IBM Watson Assistant</li>
</ul>
</div>
<hr>
<div class="project-card">
<h3>Sentiment Analyzer</h3>
<ul>
<li>Developed and deployed a sentiment analyzer for the box reviews section of an eCommerce platform using IBM NLU</li>
</ul>
</div>
<hr>
<div class="project-card">
<h3>Fashion Website</h3>
<ul>
<li>Created a styled multi-page website for a new player in the fashion industry and integrated it with a shopping cart, using stripe for payment gateway</li>
</ul>
</div>
</div>
</section>
<div style="clear:both;"></div>

<!-- Recommendations -->
<section id="recommendations">
<h2>Recommendations</h2>
<div style="clear:both;"></div>
<div class="all_recommendations" id="all_recommendations">
<div class="recommendation">
<span>&#8220;</span>
Jane is a very quick learner and quickly grasps key concepts of Web development.
She got a great attitude & she is an excellent team player.
She has a curious mind and asks the right question.
She takes initiative within a team and has potentials to lead the team.
<span>&#8221;</span>
</div>
<div class="recommendation">
<span>&#8220;</span>
Working with Jane has been an awesome experience.
She is highly knowledgable and always goes the extra step to make sure everything is right.
For any future projects that need her expertise I would definitely want to work with her again.
<span>&#8221;</span>
</div>
<div class="recommendation">
<span>&#8220;</span>
I had worked along with Jane during the initial phase of our venture which needed Web development.
She is a committed resource who has in depth knowledge about the domain.
She will be an asset for any organisation!
<span>&#8221;</span>
</div>
</div>
</section>

<!-- Recommendation Form -->
<section id="contact">
<div class="flex_center">
<fieldset>
<legend class="introduction">Leave a Recommendation</legend>
<input type="text" placeholder="Name (Optional)"> <br/>
<textarea id="new_recommendation" cols="500" rows="10" placeholder="Message"></textarea>
<div class="flex_center">
<button id="recommend_btn" onclick="addRecommendation()">Submit</button>
</div>
</fieldset>
</div>
</section>

<div class="iconbutton">
<a href="#home">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="white" width="63px">
<path stroke-linecap="round" stroke-linejoin="round" d="M15 11.25l-3-3m0 0l-3 3m3-3v7.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<!--Add the code here for the logo to appear and the icon to be actionable-->
</a>
</div>

<div class="popup" id="popup" class="flex_center">
<img src="html_finalprojimages/checkmark--outline.svg"/>
<h3><!-- Add appropriate text here--></h3>
<h3>Thanks for adding a recommendation!</h3>
<button onclick="showPopup(false)">Ok</button>
</div>
</body>
</html>
Binary file added portfolio-pic.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
28 changes: 28 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
function addRecommendation() {
// Get the message of the new recommendation
let recommendation = document.getElementById("new_recommendation");
// If the user has left a recommendation, display a pop-up
if (recommendation.value != null && recommendation.value.trim() != "") {
console.log("New recommendation added");
//Call showPopup here

// Create a new 'recommendation' element and set it's value to the user's message
var element = document.createElement("div");
element.setAttribute("class","recommendation");
element.innerHTML = "\<span\>&#8220;\</span\>" + recommendation.value + "\<span\>&#8221;\</span\>";
// Add this element to the end of the list of recommendations
document.getElementById("all_recommendations").appendChild(element);

// Reset the value of the textarea
recommendation.value = "";
showPopup(true);
}
}

function showPopup(bool) {
if (bool) {
document.getElementById('popup').style.visibility = 'visible'
} else {
document.getElementById('popup').style.visibility = 'hidden'
}
}
Loading

0 comments on commit 608e282

Please sign in to comment.