gcosta20.github.io/intro.html at main · gcosta20/gcosta20.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Greg_Costa</title>
  <link rel="stylesheet" href="/styles/style.css">
</head>

<body>
  <div class="container">
    <div class="profile-header">
      <img src="icons/profile.jpeg" alt="Profile Picture" class="profile-image">
      <h1>Greg Costa</h1>
      <p>USN Retired | Systems & Security Engineer | Self-taught Developer</p>
      <div class="social-links">
        <a href="https://github.com/gcosta20" target="_blank" aria-label="GitHub"><i class="fab fa-github"></i>
          GitHub</a>
        <a href="https://www.linkedin.com/in/gcosta15/" target=" _blank" aria-label="LinkedIn"><i
            class="fab fa-linkedin"></i> LinkedIn</a>
      </div>
    </div>

    <div class="section">
      <h2>About Me</h2>
      <p>
        Welcome! Proudly retired from the US Navy, I bring a strong foundation in system design and engineering
        principles to my growing passion for software development. My professional background includes diverse
        experiences in help desk, systems, and security engineering, working in both on-site and remote capacities
        across local and cloud infrastructures. As a self-taught learner, I am enthusiastically pivoting my career
        towards software development.
    </div>

    <div class="section">
      <h2>Skills</h2>
      <div class="skills-list">
        <span class="skill">HTML</span>
        <span class="skill">CSS</span>
        <span class="skill">JavaScript</span>
        <span class="skill">Python</span>
        <span class="skill">Powershell</span>
        <span class="skill">Shell (bash)</span>
        <span class="skill">Git</span>
        <span class="skill">VSCode</span>
        <span class="skill">systems administration</span>
        <span class="skill">systems and security engineering</span>
        <span class="skill">identity and access management</span>
        <span class="skill">vulnerability patch management</span>
        <span class="skill">device management</span>
        <span class="skill">Windows 10/11</span>
        <span class="skill">MacOS 10-14</span>
        <span class="skill">RHEL 7/8</span>
        <span class="skill">Google Workspace</span>
        <span class="skill">Microsoft Azure</span>
        <span class="skill">AWS</span>
        <span class="skill">Atlassian</span>
      </div>
    </div>

    <div class="section">
      <h2>Projects</h2>
      <ul id="projects-list">
        <li class="project-item">
          <h3>Browser Extensions</h3>
          <p>Git Essentials</p>
          <div class="carousel-container">
            <div class="carousel-slide">
              <img class="image" src="icons/git_essentials_512.png" alt="Project 1 - Image 1">
            </div>
            <div class="carousel-slide">
              <img src="icons/git_essentials_dark_highlighted_search.jpg" alt="Project 1 - Image 2">
            </div>
            <div class="carousel-slide">
              <img src="icons/git_essentials_light_about_command_description-1280x800.jpg" alt="Project 1 - Image 3">
            </div>
            <div class="carousel-slide">
              <img src="icons/git_essentials_dark_add_new_category.jpg" alt="Project 1 - Image 4">
            </div>
            <button class="prev-btn" onclick="prevSlide(this.parentNode)">&#10094;</button>
            <button class="next-btn" onclick="nextSlide(this.parentNode)">&#10095;</button>
          </div>
          <a href="https://chromewebstore.google.com/detail/kcmmlppfngfojapfgbgchfdoegnkgbfh?utm_source=item-share-cb"
            target="_blank">View
            on Chrome Web Store</a>
        </li>
      </ul>
    </div>

    <div class="section">
      <h2>Contact</h2>
      <p>
        Feel free to reach out to me via email at <a href="mailto:your-email@example.com">gcdeveloper24@gmail.com</a>.
      </p>
    </div>
  </div>

  <script src="https://kit.fontawesome.com/your-fontawesome-kit.js" crossorigin="anonymous"></script>
  <script src="/scripts/script.js"></script>
</body>

</html>