Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@sameerdot9
sameerdot9 authored Sep 13, 2022
1 parent 295287d commit 10b3cef
Show file tree
Hide file tree
Showing 11 changed files with 780 additions and 0 deletions.
489 changes: 489 additions & 0 deletions css/style.css
View file

Large diffs are not rendered by default.

Binary file added img/portfolio-1.webp
View file
Binary file not shown.
Binary file added img/portfolio-2.webp
View file
Binary file not shown.
Binary file added img/portfolio-3.webp
View file
Binary file not shown.
Binary file added img/portfolio-4.webp
View file
Binary file not shown.
Binary file added img/portfolio-5.webp
View file
Binary file not shown.
Binary file added img/portfolio-6.webp
View file
Binary file not shown.
Binary file added img/profile.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.
222 changes: 222 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,222 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device=width, initial-scale=1.0">
<title>Shaik Raja Sameer</title>
<!-- Link to css-->
<link rel="stylesheet" href="css/style.css">
<!-- Box Icons-->
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<!-- Scroll Top -->
<a href="#home" class="scroll-top">
<i class='bx bx-up-arrow-alt' ></i>
</a>
<!--Header-->
<header>
<!--nav-->
<div class="nav container">
<!--Logo-->
<a href="#" class="logo">Sameer Shaik</a>
<!-- Navbar -->
<ul class="navbar">
<li><a href="#home" class="nav-link">Home</a></li>
<li><a href="#about" class="nav-link">About</a></li>
<li><a href="#portfolio" class="nav-link">Portfolio</a></li>
<li><a href="#contact" class="nav-link">Contact</a></li>
</ul>
<!-- Menu Icon-->
<div class="menu-icon">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</div>
</header>
<!-- Home-->
<section class="home container" id="home">
<div class="home-content">
<div class="home-img">
<img src="img/profile.png" alt="">
</div>
<div class="home-text">
<h3>Hello</h3>
<h2>I'm <span class="color">Sameer</span></h2>
<p>
I'm a <span class="color">DATA SCIENCE STUDENT</span> at <br>Audisankara College Of Engineering And Technology.
<br>I am a <span class="color">Passionate Learner</span> and love IT.
<br>Apart from that i am also interested in <span class="color">SPORTS</span> that involve <br><span class="color">Concentration and Physical Activity.</span>

</p>
<!-- Social-->
<div class="social">
<a href="#"><i class='bx bxl-facebook'></i></a>
<a href="#"><i class='bx bxl-twitter'></i></a>
<a href="#"><i class='bx bxl-instagram'></i></a>
<a href="#"><i class='bx bxl-gmail'></i></a>
<a href="#"><i class='bx bxl-steam'></i></a>
<a href="#"><i class='bx bxl-reddit'></i></a>
<a href="#"><i class='bx bxl-twitch'></i></a>
<a href="#"><i class='bx bxl-github'></i></a>
<a href="#"><i class='bx bxl-linkedin'></i></a>
</div>
</div>
</div>
</section>
<!--About-->
<section class="about container" id="about">
<!--Heading-->
<h2 class="heading">About</h2>
<!--About Content-->
<div class="about-content">
<div class="about-data">
<span>About Me</span>
<h2>Data Science Student, <br>
Python Practitioner. </h2>
<a href="resume.docx" class="btn" download="">
Download Resume
<i class='bx bx-download'></i>
</a>
</div>
<div class="about-text">
<p>Hello! I am Sameer. A pursuing Undergraduate Student and an aspiring Data Scientist.</p>
<p>I am currently undergoing course work regarding my Bachelors degree and at the same time aquiring skills by doing internships and various courses other than my regular course work.</p>
</div>
</div>
</section>
<!-- Services -->
<section class="services container" id="services">
<!-- Heading -->
<h2 class="heading">Services</h2>
<!--Services content-->
<div class="services-content">
<div class="services-box">
<i class='bx bx-code-alt' ></i>
<h2>Data Science</h2>
<p>I am Currently pursuing skills related to Data Science and i can analyze small data bases to check for errors regarding data entry and can alter them to match the client requirements.</p>
</div>
<div class="services-box">
<i class='bx bx-brush' ></i>
<h2>Python Debugging</h2>
<p>I am well versed with python and can debug small sized python applications and programs.</p>
</div>
<div class="services-box">
<i class='bx bx-lock' ></i>
<h2>C Programming</h2>
<p>I have worked with c before and i am well aware of all the concepts of c that are needed to get a complete beginner into the world of coding, so i can also teach C to newbie programmers or programmers that are interested in C language.</p>
</div>
</div>
</section>
<!-- Portfolio -->
<section class="portfolio container" id="portfolio">
<!-- Heading -->
<h2 class="heading">Portfolio</h2>
<!-- Portfolio Content -->
<div class="portfolio-content">
<div class="portfolio-box">
<img src="img/portfolio-1.webp" alt="" class="portfolio-img">
<!-- Overlay -->
<div class="porfolio-overlay">
<h2>Data Science</h2>
<a href="#">
<i class='bx bx-link-alt' ></i>
</a>
</div>
</div>
<div class="portfolio-box">
<img src="img/portfolio-2.webp" alt="" class="portfolio-img">
<!-- Overlay -->
<div class="porfolio-overlay">
<h2>Python</h2>
<a href="#">
<i class='bx bx-link-alt' ></i>
</a>
</div>
</div>
<div class="portfolio-box">
<img src="img/portfolio-3.webp" alt="" class="portfolio-img">
<!-- Overlay -->
<div class="porfolio-overlay">
<h2>C Programming</h2>
<a href="#">
<i class='bx bx-link-alt' ></i>
</a>
</div>
</div>
<div class="portfolio-box">
<img src="img/portfolio-4.webp" alt="" class="portfolio-img">
<!-- Overlay -->
<div class="porfolio-overlay">
<h2>HTML</h2>
<a href="#">
<i class='bx bx-link-alt' ></i>
</a>
</div>
</div>
<div class="portfolio-box">
<img src="img/portfolio-5.webp" alt="" class="portfolio-img">
<!-- Overlay -->
<div class="porfolio-overlay">
<h2>CSS</h2>
<a href="#">
<i class='bx bx-link-alt' ></i>
</a>
</div>
</div>
<div class="portfolio-box">
<img src="img/portfolio-6.webp" alt="" class="portfolio-img">
<!-- Overlay -->
<div class="porfolio-overlay">
<h2>JAVASCRIPT</h2>
<a href="#">
<i class='bx bx-link-alt' ></i>
</a>
</div>
</div>
</div>
</section>
<!--Contact form -->
<section class="contact container" id="contact">
<!-- Heading -->
<h2 class="heading">Contact</h2>
<!--contact form-->
<form action="" class="contact-form" id="contact-form">
<input type="text" placeholder="Your Name" class="name" required>
<input type="email" name="" id="" placeholder="Email address..." class="email" required>
<textarea name="" id="" cols="30" rows="10" placeholder="Write message here..." class="message" required></textarea>
<input type="submit" value="Send" class="send-btn">
</form>
</section>
<!--Footer-->
<section class="footer container" id="footer">
<div class="social">
<a href="mailto:[email protected]"><i class='bx bx-envelope'></i></a>
<a href="#"><i class='bx bxl-facebook'></i></a>
<a href="#"><i class='bx bxl-twitter'></i></a>
<a href="#"><i class='bx bxl-instagram'></i></a>
</div>
<!--Footer Links-->
<div class="footer-links">
<a href="#">Privacy Policy</a>
<a href="#">Terms Of Use</a>
<a href="#">Disclaimer</a>
</div>
<!-- Copyright -->
<p>&#169; Skar Tech</p>
</section>
<!-- Email Js Link -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<!-- sweet alert js link-->
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script type="text/javascript">
(function(){
emailjs.init("w6tJ0TnG7y--w23d2FE-Z");//use your email js api key here
})();
</script>
<!-- Link To JS-->
<script src="js/main.js"></script>
</body>
</html>
69 changes: 69 additions & 0 deletions js/main.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
let menu = document.querySelector(".menu-icon");
let navbar = document.querySelector(".navbar")

menu.onclick = () => {
navbar.classList.toggle("open-menu");
menu.classList.toggle("move");
};
window.onscroll = () => {
navbar.classList.remove("open-menu");
menu.classList.remove("move");
};

//Email JS
function validate(){
let name = document.querySelector('.name');
let email = document.querySelector('.email');
let msg = document.querySelector('.message');
let sendBtn = document.querySelector('.send-btn');


sendBtn.addEventListener('click',(e) => {
e.preventDefault();
if (name.value == "" || email.value == "" || msg.value == ""){
emptyerror();
} else{
sendmail(name.value, email.value, msg.value);
success();
}
})
}
validate();

function sendmail(name,email,msg){
emailjs.send("service_srmo5nn","template_ogslrc8",{
to_name: name,
from_name: email,
message: msg,
});
}


function emptyerror() {
swal({
title: "oh No....",
text: "Fields cannot be empty!",
icon: "error",
});

}
function success() {
swal({
title: "Email sent successfully",
text: "We try to reply in 24 hours",
icon: "success",
});
}
//Header Background change on scroll
let header = document.querySelector('header')

window.addEventListener('scroll',() => {
header.classList.toggle("header-active", window.scrollY > 0);
});

// Scroll Top
let scrollTop = document.querySelector(".scroll-top");

window.addEventListener("scroll", () => {
scrollTop.classList.toggle("scroll-active", window.scrollY >= 400);
});
Binary file added resume.docx
View file
Binary file not shown.

0 comments on commit 10b3cef

Please sign in to comment.