Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Added my portfolio #44

Merged
merged 1 commit into from Oct 7, 2022
Merged

Added my portfolio #44

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
16 changes: 16 additions & 0 deletions AILA SHREYAS/formValidate.js
View file
Open in desktop
@@ -0,0 +1,16 @@
document.getElementById('form-submit').addEventListener('click', function(){
let name = document.getElementById('exampleInputName').value;
let email = document.getElementById('exampleInputEmail1').value;
let message = document.getElementById('messageTextarea').value;

document.getElementById('name-error').innerText = '';
document.getElementById('email-error').innerText = '';

if(name == '') {
document.getElementById('name-error').innerText = 'Name is required';
} else if(email == '') {
document.getElementById('email-error').innerText = 'E-mail is required';
} else {
alert("Form Submitted")
}
});
299 changes: 299 additions & 0 deletions AILA SHREYAS/index.html
View file
Open in desktop
@@ -0,0 +1,299 @@
<!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>SHREYAS PORTFOLIO</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="./style.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
</head>

<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse me-5" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item p-4">
<a class="nav-link text-white" href="#">Home</a>
</li>
<li class="nav-item p-4">
<a class="nav-link text-white active" aria-current="page" href="#exp1">Experience</a>
</li>
<li class="nav-item p-4">
<a class="nav-link text-white" href="#exp2">Education</a>
</li>
<li class="nav-item p-4">
<a class="nav-link text-white" href="#exp3">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<section>
<!-- main section -->
<div class="d-flex flex-wrap bg-transparent">
<div class="col-4"></div>
<div class="col-8"></div>
</div>
<div class="main">
<div class="d-flex flex-wrap">
<div class="col-md-6 col-sm-12">
<img src="./shreyas.png" alt="" style="max-width: 100%" />
</div>
<div class="col-md-6 col-12 my-auto head-text-left">
<h1 class="text-white">
<strong>I'm Shreyas , </strong>
</h1>
<p class="text-white">
An Undergraduate Student pursuing Bachelor of Engineering at
Methodist college of engineering and technology. Am an archery
player as well, I have represented my state twice in nationals . A
highly enthusiastic person interested to take up responsibilities
and a good team player. Passionate about developing a career in
software industry I’m probably the most passionate player you will
ever get to work with. If you have a great project that needs some
amazing skills, I’m your guy.
</p>
<br />
<p style="color: white">STRENGTHS</p>
<ul>
<li style="color: rgba(255, 0, 0, 0.726)">
Communication skills
</li>
<li style="color: rgba(255, 0, 0, 0.726)">Honesty</li>
<li style="color: rgba(255, 0, 0, 0.726)">Leadership skills</li>
<li style="color: rgba(255, 0, 0, 0.726)">Patience</li>
</ul>
<p style="color: white">WEAKNESS</p>
<ul>
<li style="color: rgba(255, 0, 0, 0.726)">Lack of experience</li>
<li style="color: rgba(255, 0, 0, 0.726)">Self-criticism</li>
</ul>
<div class="moving">
<ul class="special">
<li class="downside">
<a href="https://www.instagram.com/__imshreyas/" target="_blank">
<i class="fab fa-instagram"></i>
</a>
</li>
<li class="downside">
<a href="https://github.com/shreyas-9" target="_blank">
<i class="fab fa-github"></i>
</a>
</li>
<li class="downside">
<a href="https://www.linkedin.com/in/shreyas-aila-7947371a5/" target="_blank">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>

<div id="exp1">
<div class="px-5 py-5">
<div class="work py-5">
<div class="inner">
<p class="mb-0 light-grey-color">
<strong>WORK EXPERIENCE</strong>
</p>
<h2 class="text-white col-md-8 col-12 pt-2">
<p>
I have thirst for creating products that create technological
and social impact, which pushed me to look for ideas to start
my own startup venture. I love organising events and that is
why I am also involved with many professional bodies as a
representative. I believe that the best way to find one's self
is to lose themself in the service of others, thus ended up
working in quite a number of NGO's.
</p>
</h2>
<div class="d-flex flex-wrap pt-4">
<div class="col-md-4 col-12">
<p class="pt-2 light-grey-color work-numbers">01</p>
<p class="text-white work-title col-md-7 col-12">
<span style="color: #3cc74e">Work</span>
</p>
<p class="text-white col-md-7 col-12">
Web Development Team <br />
<b>[GDSC MEMBER]</b>
</p>
</div>
<div class="col-md-4 col-12">
<p class="pt-2 light-grey-color work-numbers">02</p>
<p class="text-white work-title col-md-7 col-12">
<span style="color: #609bff">Internship</span>
</p>
<p class="text-white col-md-7 col-12">COMING SOON!</p>
</div>
<div class="col-md-4 col-12">
<p class="pt-2 light-grey-color work-numbers">03</p>
<p class="text-white work-title col-md-7 col-12">
<span style="color: #e95d90">Volunteership</span>
</p>
<p class="text-white col-md-7 col-12">
Student Volunteer<br />
<b>[National Service Scheme]</b> <br />
Archery Instructor <br />
<b>[SFA]</b>
</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="exp2">
<div class="article py-5">
<div class="d-flex flex-wrap">
<div class="col-md-6 col-12 text-content py-5 px-5 d-flex align-items-center">
<div class="col-12">
<h2 class="col-md-8 col-12">
<strong>EDUCATION</strong>
</h2>
<p class="col-md-8 col-12">
<li>METHODIST COLLEGE OF ENGINEERING (CSE)</li>
<li>SRI CHAITANYA JUNIOR KALASALA (MPC)</li>
<li>SRI CHAITANYA TECHNO SCHOOL (6TH-10TH)</li>
<li>NARAYANA CONCEPT SCHOOL (1ST-5TH)</li>
</p>
<a href="https://www.linkedin.com/in/shreyas-aila-7947371a5/" target="_main">More about
me</a>
</div>
</div>
<div class="col-md-6 col-12">
<img src="https://assets.weforum.org/article/image/_sNw0oZO6IQV_vLpSbxFnx44SN_obtJrNdbSk0_yFFk.JPG"
alt="UNIVERSITY" />
</div>
</div>
</div>
</div>

<div class="skills px-5 py-5">
<div class="d-flex flex-wrap">
<div class="col-md-4 col-12">
<h2 class="text-white"><strong>CERTIFICATIONS</strong></h2>
<p class="light-grey-color col-md-6 col-12">
With skills in over 4 different fields, I am the perfect person to
hire when it comes to a full fledged project. Whatever your needs
are, I can pretty much take on any challenge.
</p>
</div>
<div class="col-md-8 col-12 d-flex flex-wrap">
<div class="col-md-6 col-12">
<img src="https://uploads-ssl.webflow.com/60670664a9322f4664916537/60670665a9322f21d1916567_Product%20Design.svg"
alt="" />
<h3 class="text-white pt-4 pb-1">
<a href="https://www.coursera.org/account/accomplishments/certificate/4C6XAMVAH2WY"
target="_blank"><strong>Problem Solving Using Computational Thinking</strong></a>
</h3>
<p class="light-grey-color col-md-8 col-12">
Computational thinking is an approach to solving problems using
concepts and ideas from computer science, and expressing
solutions to those problems so that they can be run on a
computer.
</p>
</div>
<div class="col-md-6 col-12">
<img src="https://uploads-ssl.webflow.com/60670664a9322f4664916537/60670665a9322f21d1916567_Product%20Design.svg"
alt="" />
<h3 class="text-white pt-4 pb-1">
<a href="https://www.coursera.org/account/accomplishments/certificate/H52LWYZCW52D"
target="_blank"><strong>Introduction to Big Data</strong></a>
</h3>
<p class="light-grey-color col-md-8 col-12">
Big Data is a collection of data that is huge in volume, yet
growing exponentially with time. It is a data with so large size
and complexity that none of traditional data management tools
can store it or process it efficiently
</p>
</div>
<div class="col-md-6 col-12">
<img src="https://uploads-ssl.webflow.com/60670664a9322f4664916537/60670665a9322f21d1916567_Product%20Design.svg"
alt="" />
<h3 class="text-white pt-4 pb-1">
<a href="https://www.credly.com/badges/4b6a104e-bc1e-408e-88b5-12f97e12a0a9?source=linked_in_profile"
target="_blank"><strong>IntroductionTo Packet Tracer</strong></a>
</h3>
<p class="light-grey-color col-md-8 col-12">
Cisco Packet Tracer as the name suggests, is a tool built by
Cisco. This tool provides a network simulation to practice
simple and complex networks.
</p>
</div>
<div class="col-md-6 col-12">
<img src="https://uploads-ssl.webflow.com/60670664a9322f4664916537/60670665a9322f21d1916567_Product%20Design.svg"
alt="" />
<h3 class="text-white pt-4 pb-1">
<a href="https://www.credly.com/badges/e0257bf9-98d3-455e-9f7f-cd3c3dcc596d?source=linked_in_profile"
target="_blank">
<strong>Cybersecurity Essentials</strong></a>
</h3>
<p class="light-grey-color col-md-8 col-12">
Cybersecurity Essentials is the ideal course for anyone who
needs to get a good all-round understanding of Cybersecurity. It
provides an understanding of the fundamental principles of
cybersecurity at a decision-making level.
</p>
</div>
</div>
</div>
</div>

<div class="contact py-5">
<div id="exp3"></div>
<div class="container">
<div class="d-flex flex-wrap">
<div class="col-md-5 col-10">
<h2 class="text-white"><strong>Let’s talk business</strong></h2>
<p class="light-grey-color col-8">
Now that you know a lot about me, let me know if you are
interested to work with me.
</p>
</div>
<div class="col-md-8 col-12">
<form onsubmit="return false;">
<div class="mb-4">
<label for="exampleInputName" class="form-label text-white">Name</label>
<input type="text" class="form-control" id="exampleInputName" aria-describedby="name" />
<span id="name-error" class="text-danger"></span>
</div>
<div class="mb-4">
<label for="exampleInputEmail1" class="form-label text-white">Email address</label>
<input type="email" class="form-control" id="exampleInputEmail1"
aria-describedby="emailHelp" />
<span id="email-error" class="text-danger"></span>
</div>
<div class="mb-4">
<label for="messageTextarea" class="form-label text-white">Message</label>
<textarea name="message" class="col-12" rows="8" id="messageTextarea"></textarea>
</div>
<button type="submit" class="btn custom-btn col-12 py-3" id="form-submit">
<strong>LET'S GET STARTED</strong>
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<script src="./formValidate.js"></script>
</body>

</html>
Binary file added AILA SHREYAS/shreyas.png
View file
Open in desktop
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.