css/Untitled-1.html at main · akrem023/css · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./styles.css">
    <title>My Portfolio</title>

</head>
<body>
    <!-- Navbar -->
    <nav class="navbar">
        <a href="#home">Home</a>
        <a href="#about">About</a>
        <a href="#work">Work</a>
        <a href="#resume">Resume</a>
        <a href="#contact">Contact</a>
    </nav>

   <!-- Home Section -->
<section id="home" class="section" style="background-image:url(development-with-abstract-background.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;">
    <h1 class="Mate">Explore My Creative Journey</h1>

    <p class="Mate">Discover my work and accomplishments.</p>

    <iframe width="560" height="315" src="https://www.youtube.com/embed/4Lk4FiL8AC0?si=ldK790pvI0oQMfVv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

    <img src="./png.jpg" alt="Description of the image">

    <iframe width="560" height="315" src="https://www.youtube.com/embed/NpyWcXaV5kQ?si=66l7hXv-4AQuFW7g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

    <h1 class="mimo">Don't Underestimate the Uchiha</h1>

    <h1 class="mima">My Audio</h1>

    <audio controls>
        <source src="DO NOT UNDERESTIMATE  THE VISUAL PROWESS OF UCHIHA.mp3" type="audio/mp3">
        Your browser does not support the audio element.
    </audio>


</section>
        <!-- About Section -->
        <section id="about">
            <h2 class="Mate2">About Me</h2>
            <p class="robo">Here’s a little bit about who I am and what I do.</p>
            <p class="robo" >
                  My name is Akrem Elarbi, a 21-year-old with a passion for technology and innovation. I have two older brothers, Ahmed, a 28-year-old pharmacist, and Achref, a 24-year-old who is currently in his fourth year of software engineering.
            </p>
            <p>
                <p class="Mate" >    I recently graduated with a license in Applied Mathematics, specializing in Data Science. Now, I am eager to continue my academic journey in Software Engineering. I am particularly drawn to web development, where I aim to acquire new skills and create accessible, user-friendly experiences. My fascination with evolving technologies drives me to stay ahead in this ever-changing field.
            </p>
        </section>


  <!-- Work Section -->
  <section id="work" class="section">
    <h2>My Work</h2>
    <ul>
        <li class="bun">project 1:Risk Analysis on Tunisian Financial Markets: Perspectives and Solutions</li>
        <li>project 2:data mining</li>
        <li>project 3:machine learning</li>
    </ul>
</section>

    <!-- Resume Section -->
    <section id="resume" class="section">
        <h2>Resume</h2>
        <p class="bun">Check out my resume below:</p>
        <img src="./Screenshot 2024-08-14 170435.png" alt="Description of the image">
    </section>

        </div>
    </section>

    <!-- Contact Section -->

    <section id="contact" class="section"style="background-image:url(csc.avif); background-size: cover; background-repeat: no-repeat; background-position: center;">
        <h2 class="mima">Contact Me</h2>
        <form action="your-form-handler.php" method="post">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" required><br><br>
            <label for="first name">First name:</label>
            <input type="text" id="first name" name="first name" required><br><br>
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required><br><br>
            <label for="message">Message:</label><br>
            <textarea id="message" name="message" rows="4" cols="50" required></textarea><br><br>
            <input type="submit" value="Send">
        </form>
    </section>

    <!-- Footer -->
    <footer>
        <p>&copy; " 2024 My Portfolio. All rights reserved. Crafted with creativity."

            .</p>
    </footer>
</body>
</html>