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

GDTC #40

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

GDTC #40

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
98c150b
Create index.html
pranjul-kumar Feb 6, 2021
01d833a
Delete index.html
pranjul-kumar Feb 6, 2021
5c4f035
Create index.html
pranjul-kumar Feb 6, 2021
4fa5493
Create styles.css
pranjul-kumar Feb 6, 2021
251de72
Create readme.md
pranjul-kumar Feb 6, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
344 changes: 344 additions & 0 deletions Pranjul/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,344 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<title>PRANJUL2 </title>

<!-- Google font -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Ubuntu&display=swap" rel="stylesheet">

<!-- Css StyleSheet -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="css/styles.css">

<!-- Font : fontawesome -->
<script src="https://kit.fontawesome.com/9d8b818104.js" crossorigin="anonymous"></script>

<!-- Bootstrap script -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>


</head>

<body>
<!--Main Navigation-->
<header>

<!--Navbar-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar">

<div class="container">
<!-- Collapse button -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav" aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<!-- Collapsible content -->
<div class="collapse navbar-collapse" id="basicExampleNav">

<!-- Links -->
<ul class="navbar-nav mr-auto smooth-scroll">
<li class="nav-item">
<a class="nav-link" href="#intro">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#best-features">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#best-features">Skills & Experience</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#best-features">Acheivements</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- Collapsible content -->

</div>

</nav>
<!--/.Navbar-->

<!--Mask-->
<div id="intro" class="view">

<div class="mask rgba-black-strong">

<div class="container-fluid d-flex align-items-center justify-content-center h-100">

<div class="row d-flex justify-content-center text-center">

<div class="col-md-10">

<!-- Heading -->
<h2 class="display-4 font-weight-bold white-text pt-5 mb-2 name1"><u>PRANJUL</u></h2>

<!-- Divider -->
<hr class="hr-light">
</div>

</div>

</div>

</div>

</div>
<!--/.Mask-->

</header>
<!--Main Navigation-->

<!--Main layout-->
<main class="mt-5">
<div class="container">

<!--Section: Best Features-->
<section id="best-features" class="text-center">

<!-- Heading -->
<h2 class="mb-5 font-weight-bold">PROFILE</h2>

<!--Grid row-->
<div class="row d-flex justify-content-center mb-4">

<!--Grid column-->
<div class="col-md-8">

<!-- Description -->
<p class="grey-text pp1">I am Pursuing B.tech in CSE with specialization in CYBER SECURITY FORENSICS from MRIIRS, Faridabad.</p>

</div>
<!--Grid column-->

</div>
<!--Grid row-->

<!--Grid row-->
<div class="row">

<!--Grid column-->
<div class="col-md-4 mb-5">
<i class="fas fa-lightbulb fa-4x"></i>
<h4 class="my-4 font-weight-bold">Skills & Experience</h4>
<p class="grey-text">
<ul>
<li>C</li>
<li>C++ with oops</li>
<li>Python</li>
<li>Html & CSS (Beginner)</li>
</ul>
</p>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-md-4 mb-1">
<i class="fas fa-trophy fa-4x"></i>
<h4 class="my-4 font-weight-bold">Acheivements</h4>
<p class="grey-text">
<ul>
<li><a href="https://www.coursera.org/account/accomplishments/verify/YPU4RJ33BSQZ">Google Cloud Platform Fundamentals</a></li>
<li><a href="https://www.udemy.com/certificate/UC-0404aafb-f972-4678-8448-badadf76132a/">Advance C++</a></li>
<li><a href="https://www.udemy.com/certificate/UC-45c0baf7-c869-463f-a7b4-b5ef02cd867a/">Ethical Hacking</a></li>
<li><a href="https://www.udemy.com/certificate/UC-bc4e0504-7de0-478e-bda2-ecbb7ba7cd85/">Python (Beginner)</a></li>
</ul>
</p>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-md-4 mb-1">
<i class="fa fa-bicycle fa-4x orange-text"></i>
<h4 class="my-4 font-weight-bold">Hobbies</h4>
<p class="grey-text">
<ul>
<li>Playing FOOTBALL</li>
<li>Volunteering</li>
<li>Listening to MUSIC</li>
<li>Programming</li>
</ul>
</p>
</div>
<!--Grid column-->

</div>
<!--Grid row-->

</section>
<!--Section: Best Features-->

<hr class="my-5">

<!--Section: Examples-->
<div>
<div class="text-centre">
<!-- Divider -->


<!-- Heading -->
<h2 class="display-4 font-weight-bold white-text pt-5 mb-2">Objective</h2>
<br>

<!-- Description -->
<h4 class="white-text my-4">A highly organized and hard-working individual looking for a responsible position to gain practical experience. To achieve high career growth through a continuous learning process and keep myself dynamic,
visionary and competitive with the changing scenario of the world.</h4>
<br>
</div>



<div class="text-centre">
<!-- Divider -->
<hr class="hr-light">

<!-- Heading -->
<h2 class="display-4 font-weight-bold white-text pt-5 mb-2">Education</h2>
<br>
<!-- Description -->
<h4 class="white-text my-4">
<li>ST MICHAEL SR. SEC. SCHOOL &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;&nbsp; (10th)</>
</h4>
<h4 class="white-text my-4">
<li>DRONA PUBLIC SCHOOL &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;&emsp; &emsp; &emsp; &ensp; &ensp; &nbsp;(12th)</>
</h4>
<h4 class="white-text my-4">
<li>MANAV RACHNA INTERNATIONAL INSTITUTE OF RESEARCH & STUDIES &emsp; &emsp; &emsp;&emsp;&emsp; (B.Tech)</>
</h4>
</div>

<!-- Divider -->
<hr class="hr-light">
<!-- Heading -->
<h2 class="display-4 font-weight-bold white-text pt-5 mb-2 text-centre">Collection</h2>
<br>
<br>

<!--Grid row-->
<div class="row">

<!--Grid column-->
<div class="col-lg-4 col-md-12 mb-4">

<div class="view overlay z-depth-1-half">
<img src="https://mdbootstrap.com/img/Photos/Others/images/48.jpg" class="img-fluid" alt="">
<div class="mask rgba-white-slight"></div>
</div>

<h4 class="my-4 font-weight-bold">#1</h4>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-lg-4 col-md-6 mb-4">

<div class="view overlay z-depth-1-half">
<img src="https://mdbootstrap.com/img/Photos/Others/images/49.jpg" class="img-fluid" alt="">
<div class="mask rgba-white-slight"></div>
</div>

<h4 class="my-4 font-weight-bold">#2</h4>

</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-lg-4 col-md-6 mb-4">

<div class="view overlay z-depth-1-half">
<img src="https://mdbootstrap.com/img/Photos/Others/images/29.jpg" class="img-fluid" alt="">
<div class="mask rgba-white-slight"></div>
</div>

<h4 class="my-4 font-weight-bold">#3</h4>
</div>
<!--Grid column-->

</div>
<!--Grid row-->

<!--Grid row-->
<div class="row">

<!--Grid column-->
<div class="col-lg-4 col-md-12 mb-4">

<div class="view overlay z-depth-1-half">
<img src="https://mdbootstrap.com/img/Photos/Others/images/10.jpg" class="img-fluid" alt="">
<div class="mask rgba-white-slight"></div>
</div>

<h4 class="my-4 font-weight-bold">#4</h4>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-lg-4 col-md-6 mb-4">

<div class="view overlay z-depth-1-half">
<img src="https://mdbootstrap.com/img/Photos/Others/images/11.jpg" class="img-fluid" alt="">
<div class="mask rgba-white-slight"></div>
</div>

<h4 class="my-4 font-weight-bold">#5</h4>
</div>
<!--Grid column-->

<!--Grid column-->
<div class="col-lg-4 col-md-6 mb-4">

<div class="view overlay z-depth-1-half">
<img src="https://mdbootstrap.com/img/Photos/Others/images/13.jpg" class="img-fluid" alt="">
<div class="mask rgba-white-slight"></div>
</div>

<h4 class="my-4 font-weight-bold">#6</h4>
</div>
<!--Grid column-->

</div>
<!--Grid row-->

</section>
<!--Section: Examples-->

<hr class="my-5">


<!--Section: Contact-->
<section id="contact" class="text-centre">

<!-- Heading -->
<h2 class="mb-5 font-weight-bold text-center">Contact us</h2>

<!--Fourth column-->
<div>
<i class="fa fa-envelope mr-3"></i><a href="">[email protected]</a>
</p>
<p>
<i class="fa fa-phone mr-3"></i> +91 9625620080
</p>
<p>
<i class="fa fa-print mr-3"></i> + 01 234 567 89
</p>
</div>

</section>
<!-- Copyright -->
<div class="footer-copyright text-center py-3">© 2021 Copyright :
<a href="https://pk.com/bootstrap-tutorial/"> pk.com</a>
</div>
<!-- Copyright -->

</footer>
<!-- Footer -->
</body>

</html>
1 change: 1 addition & 0 deletions Pranjul/readme.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
PRANJUL
48 changes: 48 additions & 0 deletions Pranjul/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
html,
body,
header,


#intro {
height: 100%;
}

#intro {
background: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/full%20page/img%20%283%29.jpg")no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.top-nav-collapse {
background-color: #24355C;}

.nav-item{
background-color: #000;
}
.name1{
color:#fff;
margin-top:15rem;
font-size:120px;
}
.text-centre{
text-align: center;
}
.pp1{
font-size: 20px;
}
#contact{
background-color: #bee5d3;
padding-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 768px) {
.navbar:not(.top-nav-collapse) {
background-color: #24355C;
}
}
@media (min-width: 800px) and (max-width: 850px) {
.navbar:not(.top-nav-collapse) {
background-color: #24355C;
}
}