grimgrimberg.github.io/about.html at dev · grimgrimberg/grimgrimberg.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About | Yuval Grimberg</title>
    <meta name="robots" content="noindex,follow">
    <link rel="stylesheet" href="assets/css/output.css">
</head>

    <body class="font-roboto text-gray-800">
        <header>
            <nav class="flex justify-center space-x-4">
                <a href="index.html" class="text-blue-500 hover:underline">Home</a>
                <a href="about.html" class="text-blue-500 hover:underline">About Me</a>
                <a href="projects.html" class="text-blue-500 hover:underline">Projects</a>
                <a href="vision.html" class="text-blue-500 hover:underline">Vision</a>
            </nav>
        </header>
        <div style="max-width: 960px; margin: 16px auto 0; padding: 0 16px;">
            <p style="background: #fff7ed; border: 1px solid #fdba74; border-radius: 12px; padding: 12px 16px; color: #9a3412;">
                Legacy page: this standalone route is kept for compatibility. Start from
                <a href="index.html" style="color: #1d4ed8; font-weight: 600;">the homepage</a>
                for the maintained experience.
            </p>
        </div>

        <section class="bg-gradient-to-r from-gray-800 to-gray-500 text-white py-20">
            <div class="container mx-auto text-center px-4">
                <h1 class="text-6xl font-bold mb-6">About Me</h1>
                <p class="text-xl mb-8 max-w-3xl mx-auto">As a Mechanical Engineer specializing in control theory and autonomous vehicles, I bring together technical expertise and innovative thinking to solve complex engineering challenges.</p>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-5xl mx-auto mt-12">
                    <div class="bg-gray-700 bg-opacity-50 p-6 rounded-lg">
                        <h3 class="text-xl font-bold mb-3">Education</h3>
                        <p>Mechanical Engineering with focus on Control Theory and Autonomous Systems</p>
                    </div>
                    <div class="bg-gray-700 bg-opacity-50 p-6 rounded-lg">
                        <h3 class="text-xl font-bold mb-3">Skills</h3>
                        <p>Control Systems, Robotics, Machine Learning, System Design</p>
                    </div>
                    <div class="bg-gray-700 bg-opacity-50 p-6 rounded-lg">
                        <h3 class="text-xl font-bold mb-3">Interests</h3>
                        <p>Autonomous Vehicles, AI in Engineering, Advanced Control Systems</p>
                    </div>
                </div>
                <div class="mt-12">
                    <a href="projects.html" class="bg-blue-500 hover:bg-blue-600 text-white py-3 px-8 rounded-lg shadow-md transition duration-300">View My Projects</a>
                </div>
            </div>
        </section>

        <footer class="bg-gray-800 text-white py-6 mt-20">
            <div class="container mx-auto text-center">
                <p class="mb-4">&copy; 2025 Yuval Grimberg. All rights reserved.</p>
                <div class="flex justify-center space-x-6">
                    <a href="https://github.com/grimgrimberg" target="_blank" rel="noopener noreferrer" aria-label="Open GitHub profile" class="text-white hover:text-blue-400 font-bold text-xl">GH</a>
                    <a href="https://www.linkedin.com/in/yuval-grimberg-933215173" target="_blank" rel="noopener noreferrer" aria-label="Open LinkedIn profile" class="text-white hover:text-blue-400 font-bold text-xl">in</a>
                </div>
            </div>        </footer>
        <script src="assets/js/scripts.js"></script>
    </body>
</html>