Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Sourav5harma
Sourav5harma authored Sep 21, 2023
1 parent eb372dc commit 49f3f12
Show file tree
Hide file tree
Showing 28 changed files with 2,033 additions and 0 deletions.
Binary file added Portfolio website/My project (1).png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/My project (1).png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
720 changes: 720 additions & 0 deletions Portfolio website/Portfolio website/css/style.css
View file

Large diffs are not rendered by default.

Binary file added Portfolio website/Portfolio website/img/My project.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/about.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/background.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/portfolio3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/project1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/project2.JPG
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/project3.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/project4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/project5.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Portfolio website/Portfolio website/img/project6.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
249 changes: 249 additions & 0 deletions Portfolio website/Portfolio website/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,249 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Responsive Portfolio Website</title>
<!---custom css link---->
<link rel="stylesheet" type="text/css" href="css/style.css">

<link rel="stylesheet"href="https://unpkg.com/boxicons@latest/css/boxicons.min.css">
</head>
<body>
<!------Header Section------>
<header>


</div>
<img class="logo" src="img/My project.png" alt="">
<ul class="navlist">
<li><a href="#home" class="active">Home</a></li>
<li><a href="#Skills">Skills</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#portfolio">Certificates</a></li>
<li><a href="#services">Projects</a></li>

<li><a href="#last">Contact</a></li>
</ul>
<div class="bx bx-menu" id="menu-icon"></div>
</header>

<!---------Home Section--------------->
<main class="smooth">
<section class="first">
<div id="app">
<div class="title">
<div class="title-inner">
<div class="cafe">
<div class="cafe-inner">HELLO</div>
</div>
<div class="mozart">
<div class="mozart-inner">I AM <span style="color: red;">SOURAV SHARMA</span></div>
<div class="wrapper">
<ul class="dynamic-txts">

<li><span>Coder</span></li>
<li><span>Developer</span></li>
<li><span>Freelancer</span></li>
</ul>
</div>
</div>
</div>
</div>


<div class="image">
<img src='My project (1).png' alt=''>
</div>
</div>
</section>

<!---------about Section --------------->
<section>
<div class="main-text">
<h2 style="color: aliceblue;">About <span>Me</span></h2>
</div>
<div class="about" id="about">
<div class="about-img">
<img src="img/about.jpg">
</div>

<div class="about-text">

<h4>Computer Science And Engineering Student</h4>
<p>I am student at SJBIT Institute Of Technology pursuing B.E in CSE.I love exploring new technologies and staying up-to-date with the latest trends in the field.Looking to establish a career in the field of informational technology, I wish to work in a growth-oriented company and contribute to the development of the organization while upgrading my skill set and knowledge. </p>
<a href="#" class="btn">More About</a>
</div>
</div>
</section>




<!--------------skill section---------------->
<section id="Skills">
<div class="main-text">
<h2 style="font-size: 300%;" ><span>My</span> Skills</h2>
</div>
<div class="skills"> <!-- create a div -->
<!-- heading -->

<li>
<h3>JAVA</h3><span class="bar"><span class="java"></span></span><!-- skill bar 1 -->
</li>
<li>
<h3>HTML</h3><span class="bar"><span class="html"></span></span> <!-- skill bar 2 -->
</li>

<li>
<h3>CSS</h3><span class="bar"><span class="css"></span></span><!-- skill bar 3 -->
</li>

<li>
<h3>JAVASCRIPT</h3><span class="bar"><span class="javascript"></span></span><!-- skill bar 4 -->
</li>
<li>
<h3>PYTHON</h3><span class="bar"><span class="python"></span></span><!-- skill bar 5 -->
</li>

</div>
</section>
<!-----------Portfolio Section--------------->
<section class="portfolio" id="portfolio">
<div class="main-text">
<h2><span>LEARNINGS AND CERTIFICATES</span></h2>
</div>
<div class="portfolio-content">
<div class="row">
<img src="img/project1.jpg" >
<div class="layer">
<h2>Cours Learnings</h2>
<p style="color: black;">HTML, CSS, and Javascript for Web Developers</p>
<a href="#"> <a href="#" class="btn">Viewe</a></a>
</div>
</div>

<div class="row">
<img src="img/project2.jpg" >
<div class="layer">
<h2>WEB DEVELOPMENT</h2>
<p style="color: black;">ETHNOTECH SOLUTIONS</p>
<a href="#"><a href="#" class="btn">View</a></a>
</div>
</div>

<div class="row">
<img src="img/project3.jpg" >
<div class="layer">
<h2>JAVA PLACEMENT COURSE</h2>
<p style="color: black;">APNA COLLEGE</p>
<a href="#"><a href="#" class="btn">View</a></i></a>
</div>
</div>


</div>

</section>

<!-----------Services Section-------------->
<section class="services" id="services">
<div class="main-text">
<h2><span>My</span>Projects</h2>
</div>
<div class="services-content">
<div class="box">
<div class="s-icons">
<i class='bx bx-mobile-alt'></i>
</div>
<h3>NETFLIX-Home Page Clone</h3>
<p>I have made this project during my course on web
developer.I have used HTML, CSS for this project and
replicated the homepage of netflix.</p>
<a href="https://sourav5harma.github.io/BHARAT-INTERN/NETFLIX-Homepage%20Clone/" class="btn">Preview</a>
</div>

<div class="box">
<div class="s-icons">
<i class='bx bx-code-alt'></i>
</div>
<h3>Temperature Converter</h3>
<p>The primary goal of the project is to provide users with a convenient tool to easily convert temperatures from Celsius to Fahrenheit and vice versa, as well as other temperature scales like Kelvin.</p>
<a href="https://sourav5harma.github.io/BHARAT-INTERN/temperature-converter/" class="btn">Preview</a>
</div>

<div class="box">
<div class="s-icons">
<i class='bx bx-edit-alt'></i>
</div>
<h3>Creative Design</h3>
<p>One Way to categories the activities is in terms of the professional's area of experience such as competitive analysis, corporate stragety.</p>
<a href="#" class="btn">Read More</a>
</div>
</div>

</section>

<!------------------Contact section------------>

</section>
<!--
=======================================================================
This is a working contact form. To receive email,
Replace YOUR_ACCESS_KEY_HERE with your actual Access Key.
Create Access Key here 👉 https://web3forms.com/
=======================================================================
-->

<section class="last" id="last">
<h1 style="font-size: 300%;" class="main-text">
Contact <span>Us</span>
</h1>
<div class="contact_us">
<div class="text-center">

<p class="h3">
Fill up the form below to send us a message.
</p>
</div>
<div class="m-7">
<form action="https://api.web3forms.com/submit" method="POST" id="form">
<input type="hidden" name="access_key" value="87e982cb-5b9c-4992-97bb-2a0db1696047" />
<input type="hidden" name="subject" value="New Submission from Web3Forms" />
<input type="checkbox" name="botcheck" id="" style="display: none;" />

<div class="mb-6">
<label style="margin-right:14% ;" class="block mb-2 text-sm text-gray-600 dark:text-gray-400">Full Name</label>
<input type="text" name="name" id="name" placeholder="your name" required class="w-full px-3 py-2 placeholder-gray-300 border border-gray-300 rounded-md focus:outline-none focus:ring focus:ring-indigo-100 focus:border-indigo-300 dark:bg-gray-700 dark:text-white dark:placeholder-gray-500 dark:border-gray-600 dark:focus:ring-gray-900 dark:focus:border-gray-500" />
</div>
<div class="mb-6">
<label style="margin-right:5% ;"or="email" class="block mb-2 text-sm text-gray-600 dark:text-gray-400">Email Address</label>
<input type="email" name="email" id="email" placeholder="[email protected]" required class="w-full px-3 py-2 placeholder-gray-300 border border-gray-300 rounded-md focus:outline-none focus:ring focus:ring-indigo-100 focus:border-indigo-300 dark:bg-gray-700 dark:text-white dark:placeholder-gray-500 dark:border-gray-600 dark:focus:ring-gray-900 dark:focus:border-gray-500" />
</div>
<div class="mb-6">
<label style="margin-right:5%;" for="phone" class="text-sm text-gray-600 dark:text-gray-400">Phone Number</label>
<input type="text" name="phone" id="phone" placeholder="+91 0000000000" required class="w-full px-3 py-2 placeholder-gray-300 border border-gray-300 rounded-md focus:outline-none focus:ring focus:ring-indigo-100 focus:border-indigo-300 dark:bg-gray-700 dark:text-white dark:placeholder-gray-500 dark:border-gray-600 dark:focus:ring-gray-900 dark:focus:border-gray-500" />
</div>
<div class="mb-6">
<label style="margin-right:2% ;" for="message" class="block mb-2 text-sm text-gray-600 dark:text-gray-400">Your Message</label>

<textarea rows="5" name="message" id="message" placeholder="Your Message" class="w-full px-3 py-2 placeholder-gray-300 border border-gray-300 rounded-md focus:outline-none focus:ring focus:ring-indigo-100 focus:border-indigo-300 dark:bg-gray-700 dark:text-white dark:placeholder-gray-500 dark:border-gray-600 dark:focus:ring-gray-900 dark:focus:border-gray-500" required></textarea>
</div>
<div class="mb-6">
<button type="submit" class="w-full px-3 py-4 text-white bg-indigo-500 rounded-md focus:bg-indigo-600 focus:outline-none">
Send Message
</button>
</div>
<p class="text-base text-center text-gray-400" id="result"></p>
</form>
</div>
</div>

</section>
</body>

</html>
45 changes: 45 additions & 0 deletions Portfolio website/Portfolio website/index.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
const form = document.getElementById("form");
const result = document.getElementById("result");

form.addEventListener("submit", function (e) {
const formData = new FormData(form);
e.preventDefault();
var object = {};
formData.forEach((value, key) => {
object[key] = value;
});
var json = JSON.stringify(object);
result.innerHTML = "Please wait...";

fetch("https://api.web3forms.com/submit", {
method: "POST",
headers: {
"Content-Type": "application/json",
Accept: "application/json"
},
body: json
})
.then(async (response) => {
let json = await response.json();
if (response.status == 200) {
result.innerHTML = json.message;
result.classList.remove("text-gray-500");
result.classList.add("text-green-500");
} else {
console.log(response);
result.innerHTML = json.message;
result.classList.remove("text-gray-500");
result.classList.add("text-red-500");
}
})
.catch((error) => {
console.log(error);
result.innerHTML = "Something went wrong!";
})
.then(function () {
form.reset();
setTimeout(() => {
result.style.display = "none";
}, 5000);
});
});
Loading

0 comments on commit 49f3f12

Please sign in to comment.