webdevresume/index.html at main · devspidr/webdevresume · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home - My Resume Website</title>
    <link rel="stylesheet" href="styles.css">
    <script src="script.js" defer></script>
</head>
<body>
    <header>
        <h1>Welcome to My Personal Website</h1>
        <nav>
            <ul>
                <li><a href="index.html">Home</a></li>
                <li><a href="resume.html">Resume</a></li>
                <li><a href="biodata.html">Bio-data</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <h2>Hello, I'm Soundar Balaji J</h2>
            <p>Welcome to my personal website where you can view my resume, bio-data, and contact me directly.</p>
        </section>
        <section>
            <h2>About My Resume</h2>
            <p>My resume showcases my professional journey, highlighting my skills, education, and achievements. It reflects my dedication to continuous learning and passion for technology and innovation.</p>
            <ul>
                <li><strong>Professional Experience:</strong> Hands-on experience in web development and software engineering.</li>
                <li><strong>Education:</strong> A strong academic background with a degree in Computer Science.</li>
                <li><strong>Skills:</strong> Expertise in HTML, CSS, JavaScript, React, and Python.</li>
                <li><strong>Certifications:</strong> Completed multiple certifications in web development and data science.</li>
            </ul>
        </section>
        <section>
            <h2>Why Choose Me?</h2>
            <p>With a strong technical foundation and problem-solving abilities, I bring value to any team or project I work on. My commitment to delivering high-quality results sets me apart in the professional landscape.</p>
        </section>
        <section>
            <h2>My Projects</h2>
            <p>I have developed and deployed several websites, showcasing my expertise in front-end and back-end development. Here's one of them:</p>

            <!-- Project 1 -->
            <div class="project-card">
                <h3>Stroke Prediction using ML</h3>
                <p><strong>Description:</strong> A machine learning model to predict the likelihood of stroke.</p>
                <strong>Link:</strong> <a href="https://github.com/soundar3078/stroke-prediction-using-ML.git" target="_blank">GitHub Repository</a><br>
                <strong>Video Demonstration:</strong>
                <ul>
                    <li>
                        <video id="demoVideo" class="responsive-video" controls>
                            <source src="assets/miniprojfinaleditvideo(4).mov" type="video/mp4">
                            Your browser does not support the video tag.
                        </video>
                    </li>
                </ul>
            </div>

            <!-- Project 2 -->
            <!-- Project 1 -->
<div class="project-card">
    <h3>Netflix-Clone using ReactJS</h3>
    <p><strong>Description:</strong> A visually appealing and functional Netflix-inspired web application built with ReactJS. It includes features like movie browsing, trailers, and a responsive design, showcasing modern web development skills.</p>
    <strong>Link:</strong> <a href="https://github.com/soundar3078/Netflix-clone-using-Reactjs.git" target="_blank">GitHub Repository</a><br>
    <strong>Video Demonstration:</strong>
    <ul>
        <li>
            <video id="demoVideo" class="responsive-video" controls>
                <source src="assets/video.mp4" type="video/mp4">
                Your browser does not support the video tag.
            </video>
        </li>
    </ul>
</div>


            <!-- Project 3 -->
            <div class="project-card">
                <h3>Spider-Man Website</h3>
                <p><strong>Description:</strong>It consists of a website about the fictional character Spider-Man, covering his characteristics and adaptations.</p>
                <ul>
                    <li><strong>Link:</strong> <a href="https://github.com/soundar3078/spiderman1.git" target="_blank">GitHub Repository</a></li>
                    <li><strong>Website Link:</strong> <a href="https://soundar-spiderman.netlify.app/" target="_blank">View site</a></li>
                </ul>
                </div>
                </section>
                </main>
                </body>
                </html>