-
Notifications
You must be signed in to change notification settings - Fork 0
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
363d6bf
commit 2f332ff
Showing
6 changed files
with
1,040 additions
and
0 deletions.
There are no files selected for viewing
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
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,286 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
|
|
||
| <!-- UNICONS --> | ||
| <link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.8/css/line.css"> | ||
| <!-- CSS --> | ||
| <link rel="stylesheet" href="./style.css"> | ||
| <!-- Add favicon --> | ||
| <link rel="shortcut icon" href="assets/images/favicon.png" type="image/x-icon"> | ||
|
|
||
| <title>Portfolio</title> | ||
| </head> | ||
|
|
||
| <body> | ||
| <div class="container"> | ||
| <!-- --------------- HEADER --------------- --> | ||
| <nav id="header"> | ||
| <div class="nav-logo"> | ||
| <p class="nav-name">Amir</p> | ||
| <span>.</span> | ||
| </div> | ||
| <div class="nav-menu" id="myNavMenu"> | ||
| <ul class="nav_menu_list"> | ||
| <li class="nav_list"> | ||
| <a href="#home" class="nav-link active-link">Home</a> | ||
| <div class="circle"></div> | ||
| </li> | ||
| <li class="nav_list"> | ||
| <a href="#about" class="nav-link">About</a> | ||
| <div class="circle"></div> | ||
| </li> | ||
| <li class="nav_list"> | ||
| <a href="#projects" class="nav-link">Projects</a> | ||
| <div class="circle"></div> | ||
| </li> | ||
| <li class="nav_list"> | ||
| <a href="#contact" class="nav-link">Contact</a> | ||
| <div class="circle"></div> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="nav-button"> | ||
| <button class="btn"> | ||
| <a href="./Amir Resume.pdf" download="Amir_resume.pdf" target="_blank"> | ||
| Download CV <i class="uil uil-file-alt"></i> | ||
| </a> | ||
| </button> | ||
|
|
||
| </div> | ||
| <div class="nav-menu-btn"> | ||
| <i class="uil uil-bars" onclick="myMenuFunction()"></i> | ||
| </div> | ||
| </nav> | ||
|
|
||
|
|
||
| <!-- -------------- MAIN ---------------- --> | ||
| <main class="wrapper"> | ||
| <!-- -------------- FEATURED BOX ---------------- --> | ||
| <section class="featured-box" id="home"> | ||
| <div class="featured-text"> | ||
| <div class="featured-text-card"> | ||
| <span>Amir Khurshid</span> | ||
| </div> | ||
| <div class="featured-name"> | ||
| <p>I'm <span class="typedText"></span></p> | ||
| </div> | ||
| <div class="featured-text-info"> | ||
| <p>I have been a committed Network Specialist for over 9 years, and I have knowledge of both | ||
| Viptela and Meraki SDWAN technologies. I am excellent at streamlining LAN/WAN traffic and | ||
| improving network efficiency. I've overseen transitions with success and given Cisco ISE | ||
| deployments continuous assistance. My expertise includes troubleshooting ASA and Palo Alto | ||
| firewalls, guaranteeing strong security protocols. I'm dedicated to providing smooth | ||
| connectivity solutions, and I use my wealth of experience to improve network dependability | ||
| and efficiency. | ||
| </p> | ||
| </div> | ||
| <div class="featured-text-btn"> | ||
| <button class="btn blue-btn">Hire Me</button> | ||
| <button class="btn"> | ||
| <a href="./Amir Resume.pdf" download="Amir_resume.pdf" target="_blank"> | ||
| Download CV <i class="uil uil-file-alt"></i> | ||
| </a> | ||
| </button> | ||
| </div> | ||
| <div class="footer-social-icons"> | ||
| <div class="icon"><a href="https://www.instagram.com" target="_blank"><i | ||
| class="uil uil-instagram"></i></a></div> | ||
| <div class="icon"><a href="http://www.linkedin.com/in/amir-khurshid-b8754265" target="_blank"><i | ||
| class="uil uil-linkedin-alt"></i></a></div> | ||
| <div class="icon"><a href="https://twitter.com/ErAmirKhurshid" target="_blank"><i | ||
| class="uil uil-twitter"></i></a></div> | ||
| <div class="icon"><a href="https://www.facebook.com/amir.khurshid.58" target="_blank"><i | ||
| class="uil uil-facebook"></i></a></div> | ||
| </div> | ||
| </div> | ||
| <div class="featured-image"> | ||
| <div class="image"> | ||
| <img src="./amirprofile.png" alt="avatar"> | ||
| </div> | ||
| </div> | ||
| <div class="scroll-icon-box"> | ||
| <a href="#about" class="scroll-btn"> | ||
| <i class="uil uil-mouse-alt"></i> | ||
| <p>Scroll Down</p> | ||
| </a> | ||
| </div> | ||
|
|
||
| </section> | ||
| <!-- -------------- ABOUT BOX ---------------- --> | ||
| <section class="section" id="about"> | ||
| <div class="top-header"> | ||
| <h1>About Me</h1> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col"> | ||
| <div class="about-info"> | ||
| <h3>My introduction</h3> | ||
| <p>Looking towards better carrier with a challenging environment to | ||
| provide a secure, stable, fast, and reliable Network Operation for the | ||
| organization. Contribute my inherent skills to adapt new technologies | ||
| and work efficiently towards Automation. | ||
| </p> | ||
| <div class="about-btn"> | ||
| <button class="btn"> | ||
| <a href="./Amir Resume.pdf" download="Amir_resume.pdf" target="_blank"> | ||
| Download CV <i class="uil uil-file-alt"></i> | ||
| </a> | ||
| </button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="skills-box"> | ||
| <div class="skills-header"> | ||
| <h3>Skills</h3> | ||
| </div> | ||
| <div class="skills-list"> | ||
| <span>Meraki and Viptela SDWAN</span> | ||
| <span>LAN/WAN Troubleshooting</span> | ||
| <span>Cisco ISE Transition and Support</span> | ||
| <span>Palo Alto & ASA Firewall Troubleshooting</span> | ||
| </div> | ||
| </div> | ||
| <!-- <div class="skills-box"> | ||
| <div class="skills-header"> | ||
| <h3>Backend</h3> | ||
| </div> | ||
| <div class="skills-list"> | ||
| <span>PHP</span> | ||
| <span>JAVA</span> | ||
| <span>Python</span> | ||
| <span>C++</span> | ||
| </div> | ||
| </div> | ||
| <div class="skills-box"> | ||
| <div class="skills-header"> | ||
| <h3>Database</h3> | ||
| </div> | ||
| <div class="skills-list"> | ||
| <span>MySQL</span> | ||
| <span>PostgreSQL</span> | ||
| <span>MongoDB</span> | ||
| </div> --> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- -------------- PROJECT BOX ---------------- --> | ||
|
|
||
| <!-- <section class="section" id="projects"> | ||
| <div class="top-header"> | ||
| <h1>Projects</h1> | ||
| </div> | ||
| <div class="project-container"> | ||
| <div class="project-box"> | ||
| <i class="uil uil-briefcase-alt"></i> | ||
| <h3>Completed</h3> | ||
| <label>15+ Finished Projects</label> | ||
| </div> | ||
| <div class="project-box"> | ||
| <i class="uil uil-users-alt"></i> | ||
| <h3>Clients</h3> | ||
| <label>25+ Happy Clients</label> | ||
| </div> | ||
| <div class="project-box"> | ||
| <i class="uil uil-award"></i> | ||
| <h3>Experience</h3> | ||
| <label>7+ Years in the field</label> | ||
| </div> | ||
| </div> | ||
| </section> --> | ||
|
|
||
| <!-- -------------- CONTACT BOX ---------------- --> | ||
|
|
||
| <section class="section" id="contact"> | ||
| <div class="top-header"> | ||
| <h1>Get in touch</h1> | ||
| <span>Do you have a project in your mind, contact me here</span> | ||
| </div> | ||
| <div class="row"> | ||
| <div class="col"> | ||
| <div class="contact-info"> | ||
| <h2>Find Me <i class="uil uil-corner-right-down"></i></h2> | ||
| <p><i class="uil uil-envelope"></i>[email protected]</p> | ||
| <p><i class="uil uil-phone"></i> +91-8149190038</p> | ||
| </div> | ||
| </div> | ||
| <div class="col"> | ||
| <div class="form-control"> | ||
| <div class="form-inputs"> | ||
| <input type="text" class="input-field" placeholder="Name"> | ||
| <input type="text" class="input-field" placeholder="Email"> | ||
| </div> | ||
| <div class="text-area"> | ||
| <textarea placeholder="Message"></textarea> | ||
| </div> | ||
| <div class="form-button"> | ||
| <button class="btn">Send <i class="uil uil-message"></i></button> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| </main> | ||
|
|
||
|
|
||
| <!-- --------------- FOOTER --------------- --> | ||
| <footer> | ||
| <div class="top-footer"> | ||
| <p>Amir Khurshid .</p> | ||
| </div> | ||
| <div class="middle-footer"> | ||
| <ul class="footer-menu"> | ||
| <li class="footer_menu_list"> | ||
| <a href="#home">Home</a> | ||
| </li> | ||
| <li class="footer_menu_list"> | ||
| <a href="#about">About</a> | ||
| </li> | ||
| <li class="footer_menu_list"> | ||
| <a href="#projects">Projects</a> | ||
| </li> | ||
| <li class="footer_menu_list"> | ||
| <a href="#contact">Contact</a> | ||
| </li> | ||
| </ul> | ||
| </div> | ||
| <div class="footer-social-icons"> | ||
| <div class="icon"><a href="https://www.instagram.com" target="_blank"><i class="uil uil-instagram"></i></a> | ||
| </div> | ||
| <div class="icon"><a href="http://www.linkedin.com/in/amir-khurshid-b8754265" target="_blank"><i | ||
| class="uil uil-linkedin-alt"></i></a></div> | ||
| <div class="icon"><a href="https://twitter.com/ErAmirKhurshid" target="_blank"><i | ||
| class="uil uil-twitter"></i></a></div> | ||
| <div class="icon"><a href="https://www.facebook.com/amir.khurshid.58" target="_blank"><i | ||
| class="uil uil-facebook"></i></a></div> | ||
| </div> | ||
|
|
||
| <div class="bottom-footer"> | ||
| <p>Copyright © <a href="#home" style="text-decoration: none;">Amir Khurshid</a> - All rights reserved | ||
| </p> | ||
| </div> | ||
| </footer> | ||
|
|
||
| </div> | ||
|
|
||
|
|
||
|
|
||
|
|
||
| <!-- ----- TYPING JS Link ----- --> | ||
| <script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script> | ||
|
|
||
| <!-- ----- SCROLL REVEAL JS Link----- --> | ||
| <script src="https://unpkg.com/scrollreveal"></script> | ||
|
|
||
| <!-- ----- MAIN JS ----- --> | ||
| <script src="./script.js"></script> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.