-
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
390830e
commit 47e1ce7
Showing
10 changed files
with
1,039 additions
and
23 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,207 @@ | ||
| <!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>Jeffrey Contreras's Portfolio</title> | ||
|
|
||
| <!-- box icons --> | ||
| <link href="https://unpkg.com/[email protected]/css/boxicons.min.css" rel="stylesheet" /> | ||
|
|
||
| <!-- custom css --> | ||
| <link rel="stylesheet" href="css/style.css" /> | ||
| </head> | ||
|
|
||
| <body> | ||
| <!-- header design --> | ||
| <header class="header"> | ||
| <a href="#" class="logo">Portfolio</a> | ||
|
|
||
| <i class="bx bx-menu" id="menu-icon"></i> | ||
|
|
||
| <nav class="navbar"> | ||
| <a href="#home" class="active">Home</a> | ||
| <a href="#about">About</a> | ||
| <a href="#services">Interests</a> | ||
| <a href="#portfolio">Portfolio</a> | ||
| <a href="#experience">Experience</a> | ||
| <a href="#contact">Contact</a> | ||
| </nav> | ||
| </header> | ||
|
|
||
| <!-- home section design --> | ||
| <section class="home" id="home"> | ||
| <div class="home-content"> | ||
| <h3>Hello, It's Me</h3> | ||
| <h1>Jeffrey Contreras</h1> | ||
| <h3>And I'm <span class="multiple-text"></span></h3> | ||
| <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempore aliquam, modi | ||
| aspernatur placeat architecto amet laudantium id.</p> | ||
| <div class="social-media"> | ||
| <a href="https://github.com/Jeffrey-JC"><i class='bx bxl-github'></i></i></a> | ||
| <a href="#"><i class='bx bxl-twitter' ></i></a> | ||
| <a href="#"><i class='bx bxl-instagram-alt' ></i></a> | ||
| <a href="https://www.linkedin.com/in/jeffreycontreras059/" target="_blank"><i class='bx bxl-linkedin' ></i></a> | ||
| </div> | ||
| <a href="media/Jeffrey_Contreras_Resume.pdf" target="_blank" class="btn">Download Resume</a> | ||
| </p> | ||
| </div> | ||
| <div class="home-img"> | ||
| <img src="images/proHeadshot.jpg" alt=""> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- about section design --> | ||
| <section class="about" id="about"> | ||
| <div class="about-img"> | ||
| <img src="images/ProfessionalHeadshot.jpg" alt=""> | ||
| </div> | ||
|
|
||
| <div class="about-content"> | ||
| <h2 class="heading">About <span>Me</span></h2> | ||
| <h3>Security Ethusiast!</h3> | ||
| <p>I am a graduate student currently studying for a Master's degree in Computer Engineering. | ||
| I am a security ethusiast with programming experience, such as Python, C++, C, PowerShell, and SQL. | ||
| My current plans are to enter the workforce for a cybersecurity role and study for a PhD | ||
| specializing in cybersecurity. | ||
|
|
||
| In my free time, I do challenges and CTFs in HackTheBox and pioCTF. | ||
| </p> | ||
| <a href="aboutme.html" class="btn">Read More</a> | ||
| <a href="aboutme.html" class="btn">Read Less</a> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- services section design --> | ||
| <section class="services" id="services"> | ||
| <h2 class="heading">My <span>Tech Interests</span></h2> | ||
|
|
||
| <div class="services-container"> | ||
| <div class="services-box"> | ||
| <i class='bx bx-code-alt'></i> | ||
| <h3>Cybersecurity</h3> | ||
| <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam veniam voluptatibus dolorum, deleniti at quas hic nihil voluptatum laboriosam velit.</p> | ||
| <a href="" class="btn">Read More</a> | ||
| </div> | ||
|
|
||
| <div class="services-box"> | ||
| <i class='bx bxs-paint' ></i> | ||
| <h3>Software Development</h3> | ||
| <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam veniam voluptatibus dolorum, deleniti at quas hic nihil voluptatum laboriosam velit.</p> | ||
| <a href="" class="btn">Read More</a> | ||
| </div> | ||
|
|
||
| <div class="services-box"> | ||
| <i class='bx bx-bar-chart-alt' ></i> | ||
| <h3>Web Development</h3> | ||
| <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Magnam veniam voluptatibus dolorum, deleniti at quas hic nihil voluptatum laboriosam velit.</p> | ||
| <a href="" class="btn">Read More</a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- portfolio section design --> | ||
| <section class="portfolio" id="portfolio"> | ||
| <h2 class="heading">Latest <span>Project</span></h2> | ||
|
|
||
| <div class="portfolio-container"> | ||
| <div class="portfolio-box"> | ||
| <img src="images/portfolio1.jpg" alt=""> | ||
| <div class="portfolio-layer"> | ||
| <h4>Web Design</h4> | ||
| <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, sequi?</p> | ||
| <a href="#"><i class='bx bx-link-external' ></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="portfolio-box"> | ||
| <img src="images/portfolio2.jpg" alt=""> | ||
| <div class="portfolio-layer"> | ||
| <h4>Web Design</h4> | ||
| <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, sequi?</p> | ||
| <a href="#"><i class='bx bx-link-external' ></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="portfolio-box"> | ||
| <img src="images/portfolio3.jpg" alt=""> | ||
| <div class="portfolio-layer"> | ||
| <h4>Web Design</h4> | ||
| <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, sequi?</p> | ||
| <a href="#"><i class='bx bx-link-external' ></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="portfolio-box"> | ||
| <img src="images/portfolio4.jpg" alt=""> | ||
| <div class="portfolio-layer"> | ||
| <h4>Web Design</h4> | ||
| <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, sequi?</p> | ||
| <a href="#"><i class='bx bx-link-external' ></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="portfolio-box"> | ||
| <img src="images/portfolio5.jpg" alt=""> | ||
| <div class="portfolio-layer"> | ||
| <h4>Web Design</h4> | ||
| <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, sequi?</p> | ||
| <a href="#"><i class='bx bx-link-external' ></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="portfolio-box"> | ||
| <img src="images/portfolio6.jpg" alt=""> | ||
| <div class="portfolio-layer"> | ||
| <h4>Web Design</h4> | ||
| <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Hic, sequi?</p> | ||
| <a href="#"><i class='bx bx-link-external' ></i></a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <!-- experience section design--> | ||
| <a href="login.html"></a> | ||
|
|
||
| <!-- contact section design --> | ||
| <section class="contact" id="contact"> | ||
| <h2 class="heading">Contact <span>Me!</span></h2> | ||
|
|
||
| <form action="#"> | ||
| <div class="input-box"> | ||
| <input type="text" placeholder="Full Name"> | ||
| <input type="email" placeholder="Email Address"> | ||
| </div> | ||
| <div class="input-box"> | ||
| <input type="number" placeholder="Mobile Number"> | ||
| <input type="text" placeholder="Email Subject"> | ||
| </div> | ||
| <textarea name="" id="" cols="30" rows="10" placeholder="Your Message"></textarea> | ||
| <input type="submit" value="Send Message" class="btn"> | ||
| </form> | ||
| </section> | ||
|
|
||
| <!-- footer design --> | ||
| <footer class="footer"> | ||
| <div class="footer-text"> | ||
| <p>Copyright © 2023 by Codehal | All Rights Reserved.</p> | ||
| </div> | ||
|
|
||
| <div class="footer-iconTop"> | ||
| <a href="#home"><i class='bx bx-up-arrow-alt' ></i></a> | ||
| </div> | ||
| </footer> | ||
|
|
||
|
|
||
| <!-- scroll reveal --> | ||
| <script src="https://unpkg.com/scrollreveal"></script> | ||
|
|
||
| <!-- typed js --> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> | ||
|
|
||
| <!-- custom js --> | ||
| <script src="js/script.js"></script> | ||
| </body> | ||
| </html> |
Empty file.
Oops, something went wrong.