Skip to content

Commit

Permalink
Merge pull request #33 from Rudra2004mahata/main
Browse files Browse the repository at this point in the history 
Rudrajyoty-Protfolio
  • Loading branch information
@Sbiswas001
Sbiswas001 authored Jun 8, 2024
2 parents 6f1df26 + 2451d87 commit eb91a55
Show file tree
Hide file tree
Showing 14 changed files with 603 additions and 0 deletions.
231 changes: 231 additions & 0 deletions Rudrajyoty.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,231 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>protfolio</title>
<link rel="stylesheet" href="Rudrajyoty.css">
<script src="https://kit.fontawesome.com/4f12e52d25.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="header">
<div class="container">
<nav>
<img src="assests/images/Rudrajyoty/protfolio-logo-fotor-bg-remover-2024060311192.png" class="logo">
<ul id="sidemenu">
<li><a href="#header">Home</a></li>
<li><a href="#contact">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#protfolio">Protfolio</a></li>
<li><a href="#contact">Contact</a></li>
<i class="fa-solid fa-xmark" onclick="closemenu()"></i>
</ul>
<i class="fa-solid fa-bars" onclick="openmenu()"></i>
</nav>

<div class="header-text">
<h1> Hi , I'am Rudrajyoty Mahata</h1>
<h3>FRONTEND DVELOPER</h3>
<P>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis excepturi, asperiores unde dolorum eius tempora incidunt <br> corporis non voluptatem ut fugiat mollitia est eos assumenda atque, minus vitae exercitationem?
Autem inventore debitis alias <br>accusantium provident, enim illum dignissimos totam error rem non rerum repellendus facilis, quas officiis suscipit tenetur cumque<br> eligendi voluptatum laboriosam temporibus aperiam perferendis. Iste, ratione distinctio!</P>
</div>
</div>
</div>
<!------------------------------------ABOUT SECTION----------------------------------------------------->
<div id="contact">
<div class="container">
<div class="row">
<div class="div-col-1">
<img src="assests/images/Rudrajyoty/protfolio-2nd-image.jpg" class="no2-image">
</div>
<div class="div-col-2">
<h1 class="subtitle">About me</h1>


<div class="tab-titles">
<p class="tab-links active-link" onclick="opentab('skills')">Skills</p>
<p class="tab-links" onclick="opentab('experience')" >Experience</p>
<p class="tab-links" onclick="opentab('education')">Education</p>
</div>


<div class="tab-contents active-tab" id="skills">
<ul>
<li><span>UI/UX</span><br>Web Designing/App Interfaces</li>
<li><span>Web Development</span><br>Web/App Development</li>
<li><span>Photography</span><br>Event or any kind of photoshoot</li>
</ul>
</div>

<div class="tab-contents" id="experience">
<ul>
<li><span>2023-Present</span><br>Content editor at the Bi-annual newsletter<br>from the NSS unit of GCECT</li>
<li><span>2021-2023</span><br>Freelance Photography</li>
</ul>
</div>

<div class="tab-contents" id="education">
<ul>
<li><span>2023-2027</span><br>Pursuing B.tech in Information Technology from<br>Government College of Engineering and Ceramic Technology</li>
<li><span>2023</span><br>Higher Secondary education from Baruipur High School</li>
<li><span>2020</span><br>Secondary education from Ramnagar High School</li>
</ul>
</div>

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

</div>
<!------------------------------------------services--------------------------------------------------->

<div id="services">
<div class="container">
<h1 class="subtitle">My Services</h1>
<div class="services-list">

<div>
<i class="fa-solid fa-code"></i>
<h2>Web Design</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Officiis id mollitia enim sint dignissimos distinctio nulla culpa laborum quos quibusdam alias molestias exercitationem, ipsum in fugiat qui officia repellat ut.</p>
<a href="#">Learn more</a>
</div>

<div>
<i class="fa-brands fa-uikit"></i>
<h2>UI/UX Design</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Officiis id mollitia enim sint dignissimos distinctio nulla culpa laborum quos quibusdam alias molestias exercitationem, ipsum in fugiat qui officia repellat ut.</p>
<a href="#">Learn more</a>
</div>

<div>
<i class="fa-solid fa-camera"></i>
<h2>Photography</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Officiis id mollitia enim sint dignissimos distinctio nulla culpa laborum quos quibusdam alias molestias exercitationem, ipsum in fugiat qui officia repellat ut.</p>
<a href="#">Learn more</a>
</div>
</div>
</div>
</div>
<!-- ------------PROTFOLIO---------------------------->

<div id="protfolio">
<div class="container">
<h1 class="subtitle">My Work</h1>
<div class="work-list">

<div class="work">
<img src="/assests/images/Rudrajyoty/work-1.png">
<div class="layer">
<h3>Social media app</h3>
<p>It helps you to connect more people around the world</p>
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>

<div class="work">
<img src="assests/images/Rudrajyoty/work-2.png">
<div class="layer">
<h3>E-commerce app</h3>
<p>It helps you to connect more people around the world</p>
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>

<div class="work">
<img src="assests/images/Rudrajyoty/work-3.png">
<div class="layer">
<h3>Music app</h3>
<p>It helps you to connect more people around the world</p>
<a href="#"><i class="fa-solid fa-arrow-up-right-from-square"></i></a>
</div>
</div>

</div>

<a href="#" class="button">See more</a>

</div>
</div>
<!-- --------------Contact---------------------- -->

<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="subtitle">Contact me</h1>
<p><i class="fa-solid fa-at"></i></i>rudrajyotymahata98@gmail.com</p>
<p><i class="fa-solid fa-phone"></i>+91 9831407324</p>
<div class="social-icons">
<a href="https://www.facebook.com/rudrajyoty.mahata?mibextid=ZbWKwL"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/a_useless_.engineer?igsh=MTh4a3h1bTZ6Nms3S"><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/rudrajyoty-mahata-481824299"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Rudra2004mahata"><i class="fa-brands fa-github"></i></a>
</div>
<a href="RudrajyotyMahata_Resume.pdf" download="button"class="button button2"> Download CV</a>
</div>
<div class="contact-right">
<form name="submit-to-google-sheet">
<input type="text" name="Name" placeholder="Your Name" required>
<input type="text" name="Email" placeholder="Your Email" required>
<textarea name="Message" rows="5" placeholder="Your Message"></textarea>
<button type="submit" class="button button2">Submit</button>
</form>
<span id="msg"></span>
</div>
</div>
</div>
<div class="copyright">
<p>Copyright © Rudrajyoty Mahata</p>
</div>
</div>

<script>

var tablinks = document.getElementsByClassName("tab-links");
var tabcontents = document.getElementsByClassName("tab-contents");

function opentab(tabname){
for(tablink of tablinks){
tablink.classList.remove("active-link")
}
for(tabcontent of tabcontents){
tabcontent.classList.remove("active-tab")
}
event.currentTarget.classList.add("active-link");
document.getElementById(tabname).classList.add("active-tab");
}

</script>

<script>
var sidemenu = document.getElementById("sidemenu");

function openmenu(){
sidemenu.style.right = '0'
}
function closemenu(){
sidemenu.style.right = '-200px'
}
</script>

<script>
const scriptURL = '<https://script.google.com/macros/s/AKfycbztyvoqVgyFSfBx8KM04J1MdisP308LcG-bs01IrI0elpcf_uvk19dlN3NIwLCOSrd4sg/exec>'
const form = document.forms['submit-to-google-sheet']
const msg=document.getElementById("msg")
form.addEventListener('submit', e => {
e.preventDefault()
fetch(scriptURL, { method: 'POST', body: new FormData(form)})
.then(response => {
msg.innerHTML ="Message sent succesfully"
setTimeout(function(){
msg.innerHTML=""
},5000)
form.reset()
})
.catch(error => console.error('Error!', error.message))
})
</script>

</body>
</html>
Loading

0 comments on commit eb91a55

Please sign in to comment.