mattso28.github.io/index.html at main · MattSo28/mattso28.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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Name | Portfolio</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

    <!-- Header -->
    <header>
        <div class="container">
            <h1>Name</h1>
            <nav>
                <ul>
                    <li><a href="#experience">Experience</a></li>
                    <li><a href="#skills">Skills</a></li>
                    <li><a href="#roadmap">Upskilling Roadmap</a></li>
                    <li><a href="#interests">Interests</a></li>
                    <li><a href="#technologies">Technologies</a></li>
                    <li><a href="blog.html">Blog</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- Main Content -->
    <main>
        <!-- Experience Section -->
        <section id="experience">
            <div class="container">
                <h2>Experience</h2>
                <p>A seasoned developer with expertise in enterprise integration, backend development, cloud solutions, and application support. Known for problem-solving and process automation.</p>
            </div>
        </section>

        <!-- Skills Section -->
        <section id="skills">
            <div class="container">
                <h2>Skills</h2>
                <ul>
                    <li>Oracle Integration Cloud</li>
                    <li>Python</li>
                    <li>FastAPI</li>
                    <li>React.js</li>
                    <li>Docker</li>
                    <li>MongoDB</li>
                    <li>API Testing with Postman</li>
                    <li>Azure DevOps</li>
                </ul>
            </div>
        </section>

        <!-- Upskilling Roadmap Section -->
        <section id="roadmap">
            <div class="container">
                <h2>Upskilling Roadmap</h2>
                <p>
                    Starting from enterprise integration expertise, I am progressing into full stack development with FastAPI, React, and MongoDB. My future focus includes data engineering and machine learning for engineering applications.
                </p>
            </div>
        </section>

        <!-- Interests Section -->
        <section id="interests">
            <div class="container">
                <h2>Interests</h2>
                <p>
                    Exploring geospatial analysis, working on CAD and 3D modeling, experimenting with control systems and simulations, and contributing to open-source projects.
                </p>
            </div>
        </section>

        <!-- Languages Section -->
        <section id="languages">
            <div class="container">
                <h2>Languages</h2>
                <div class="logos">
                    <img src="/assets/images/logos/python_logo.png" alt="Python Logo">
                    <img src="/assets/images/logos/javascript_logo.png" alt="JavaScript Logo">
                    <img src="/assets/images/logos/typescript_logo.png" alt="TypeScript Logo">
                    <img src="/assets/images/logos/html_logo.png" alt="HTML Logo">
                    <img src="/assets/images/logos/css_logo.png" alt="CSS Logo">
                </div>
            </div>
        </section>

        <!-- Cloud Section -->
        <section id="cloud">
            <div class="container">
                <h2>Cloud</h2>
                <div class="logos">
                    <img src="/assets/images/logos/azure_logo.png" alt="Azure">
                    <img src="/assets/images/logos/oracle_logo.png" alt="Oracle">
                </div>
            </div>
        </section>

        <!-- Technologies Section -->
        <section id="technologies">
            <div class="container">
                <h2>Technologies</h2>
                <div class="logos">
                    <img src="/assets/images/logos/django_logo.png" alt="Django">
                    <img src="/assets/images/logos/git_logo.png" alt="Git">
                    <img src="/assets/images/logos/mongodb_logo.png" alt="MongoDB">
                    <img src="/assets/images/logos/vue_logo.png" alt="Vue">
                    <img src="/assets/images/logos/postman_logo.png" alt="Postman">
                </div>
            </div>
        </section>
    </main>

    <!-- Footer -->
    <footer>
        <div class="container">
            <p>&copy; 2024 Name</p>
        </div>
    </footer>

</body>
</html>