-
Notifications
You must be signed in to change notification settings - Fork 185
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
702ac3a
commit 98c150b
Showing
1 changed file
with
344 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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                                         (10th)</> | ||
| </h4> | ||
| <h4 class="white-text my-4"> | ||
| <li>DRONA PUBLIC SCHOOL                                              (12th)</> | ||
| </h4> | ||
| <h4 class="white-text my-4"> | ||
| <li>MANAV RACHNA INTERNATIONAL INSTITUTE OF RESEARCH & STUDIES         (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> |
98c150bThere was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Gdtc day-1