Learning-website/index.html at main · nour060/Learning-website · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Online training</title>
    <link rel="icon" href="https://i.pinimg.com/736x/b2/58/fe/b258fead319ba29dd0fcc9c787562fd8.jpg">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>Learn programmation with me</header>

        <section class="intro">
            <h1>Let's go</h1>
            <p>Training courses to learn to code in C,HTML,CSS and algorithmic languages. <br>
            <span class="details">These courses are designed especially for beginners who want to master the basics of programming this summer and create their own projects with confidence. </span></p>
            <p class="details">"📅 Beginning:"
                <strong>17/09/2025___</strong>
                "💸 Overall price:"
                <strong>3000 DA</strong>
            </p>
            <a href="#courses" class="but">See all courses</a>
        </section>

        <section class="parties" id="courses">
            <div class="partie" id="p1">
                <img src="https://i.pinimg.com/736x/d7/ba/f8/d7baf849e7d6e8f5e2139a0c1492ebcd.jpg" alt="C">
                <h3>C language</h3>
                <p>Master the basics of C with practical exercises.</p>
                <p class="more">
                    "📅 Beginning: 20/09/2025" <br>
                    "💸 Price: 1000 DA"
                </p>
                <a href="#" class="but" >More details</a>
            </div>

            <div class="partie" id="p2">
                <img src="https://i.pinimg.com/1200x/9b/bd/12/9bbd12ec28893f0a734121fd4b705025.jpg" alt="html et css">
                <h3>HTML & CSS</h3>
                <p>Create your first website from A to Z with solid foundations.</p>
                <p class="more">
                    "📅 Beginning: 24/09/2025" <br>
                    "💸 Price: 1000 DA"
                </p>
                <a href="#" class="but" >More details</a>
            </div>

            <div class="partie" id="p3">
                <img src="https://i.pinimg.com/1200x/75/22/17/752217ab83fa9c08ad8ff8f66a8b54db.jpg" alt="Algo">
                <h3>Algorithmic</h3>
                <p>Solve problems and build your logical reasoning.</p>
                <p class="more">
                    "📅 Beginning: 28/09/2025"<br>
                    "💸 Price: 1000 DA"
                </p>
                <a href="#" class="but" >More details</a>
            </div>
        </section>

    <footer>© 2025 nour060-programmation <br>
    All rights reserved '-'
</footer>
</body>
</html>