joyse.github.io/index.html at main · Joysephk/joyse.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My_Portofolio</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

    <section id="welcome">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <h1>Hi, <span>I am Steave Jo</span></h1>

                    <h2>Welcome to my Portofolio</h2>
                    <div class="w">
                    <p><span>W</span>elcome to my portfolio! I'm a passionate web developer with a keen eye for design and a love for clean, efficient code. With a background in [mention any relevant experience or education], I specialize in creating responsive, user-friendly websites that not only look great but also perform seamlessly across all devices. Whether you need a simple landing page, an e-commerce platform, or a complex web application, I'm here to turn your ideas into reality. Take a look at my projects below to see examples of my work, and feel free to get in touch if you'd like to discuss how we can collaborate on your next project.</p></div>
                    <button class="btn btn-warning">Project</button>
                    <button class="btn btn-warning">Contact</button>
                </div>
                <div class="col-md-6">
                    <img src="img/bg.png">
                </div>
            </div>
        </div>
    </section>

    <section id="project">
        <div class="container">
            <h2>Projects</h2>
            <div class="row">
                <div class="col-md-4">
                    <div class="card shadow-lg ">
                        <img class="card-img-top" src="img/1.png" alt="Card image cap">
                        <div class="card-body">
                          <p class="card-text">Interactive E-Learning System</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card ">
                        <img class="card-img-top" src="img/2.png" alt="Card image cap">
                        <div class="card-body">
                          <p class="card-text">Online food ordering</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card ">
                        <img class="card-img-top" src="img/3.png" alt="Card image cap">
                        <div class="card-body">
                          <p class="card-text">Childhood Immunization Record system</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card ">
                        <img class="card-img-top" src="img/4.png" alt="Card image cap">
                        <div class="card-body">
                          <p class="card-text">The Footwear Academy</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card ">
                        <img class="card-img-top" src="img/5.png" alt="Card image cap">
                        <div class="card-body">
                          <p class="card-text">Bitcoin Investment trading website</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="card">
                        <img class="card-img-top" src="img/6.png" alt="Card image cap">
                        <div class="card-body">
                          <p class="card-text">Online Banking system</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="contact">
        <h1>Let's work together...</h1>
        <h4>God Bless you</h4>
        <p><a href="">Email: test@test.com</a></p>
        <p><a href="">Call us: +12345678910</a></p>
    </section>


    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js"></script>
</body>
</html>