My-Program/index.html at main · ComputerOracle/My-Program · 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
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatiible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/intro.css">
    <link rel="stylesheet" href="css/section.css">
    <link rel="stylesheet" href="css/services.css">
    <title>Home</title>
    <link rel="stylesheet" href="https://cdnjs.cloudfare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <link rel="icon" href="logo1.jfif">
    </head>
    <body>
    <!--Start of the header section-->
        <div class="header-image" style="background-image: url('back1.jpg'); background-size: cover;
        background-position: center;
        height: 150px; width: 100%; position: relative; box-shadow: 0px 2px 5px 0px black;">
        <i style=" display: block; justify-content: flex-end; align-items: flex-start; position: fixed; top: 0; right: 0;  color: gray;  ">Would you like to <br> speak to an assistant? <br> <b><a href="mailto:chibuikemmadugba@gmail.com" style="color:blue;">Click here</a></b></i>
            <div class="header-start" >
                <h2 class="logo"> THE COMPUTER <span>ORACLE</span></h2>
                <nav>
                    <div class="dropdown">
                        <a href="javascript:void(0)" class="drop-btn" title="Click to see various options to choose from">MENU</a>
                        <div class="dropdown-content">
                            <a href="index.html" title="Click to go to my homepage">HOME</a>
                            <a href="about.html" title="Learn more about us">ABOUT</a>
                            <a href="my-portfolio.html" title="Checkout my work">MY PORTFOLIO</a>
                            <a href="contact.html" title="Get in touch with me">CONTACT ME</a>
                        </div>
                    </div>
                </nav>
                </div>
        </div>

    <!--Start of hero image-->
    <div class="hero-container">
    <div class="hero-text">
        <h3> Hello there!</h3>
        <h1> I'm developer Chibuikem Madugba</h1>
        <p> <big>Welcome to the Computer Oracle official page, your trusted guide to elevating your buisnesses online presence.</big></p>
        <br>
        <!--The _blank tag makes the link to open on another tab-->
        <a class="hero-btn" href="boubou.JPG" target="_blank"> Download CV</a>
        <a class="hero-btn" href="contact.html" target="_blank">Contact Me</a>
    </div>
    <div class="hero-image">
        <img src="bubu.jpg" alt="This is a picture of me">
    </div>
    </div>
    <!--Start of Intro Section-->
    <div class="intro">
        <h2>AIM TO <span>MAKE STRIKING </span>DESIGNS</h2>
        <p>I'm Chibuikem Madugba your go to expert in web development and strategy. Need to boost your buisness's strength? Register today and explore how my web expert tips can help you acheive your goals. With easy to understand solutions and personalized support, ill show you how to unlock your full buisness potential</p>
        <a href="about.html">Read More</a>
    </div>
        <!--Start of section title-->
        <h2 class="section-title">Our Services</h2>
        <!--Contents in Services title-->
        <!--Services row1-->
        <div class="services-container">
            <div class="our-services">
                <h3 class="services-title">UI/UX Branding</h3>
                <p class="services-text">Let us help you make your buisnesses with the best branding choices </p>
                <a class="services-btn" href="contact.html">Register now!!</a>
            </div>
            <div class="our-services">
                <h3 class="services-title">Web development Skills</h3>
                <p class="services-text">You could build that 'A level' website without breaking the bank</p>
                <a class="services-btn" href="contact.html">Register now!!</a>
            </div>
        </div>
        <!--Services row2-->
        <div class="services-container">
            <div class="our-services">
                <h3 class="services-title">Graphic Design and Videography</h3>
                <p class="services-text">Uplifting your buisness's views with the 4th generation advertising techniques; Videography and Graphic Design</p>
                <a class="services-btn" href="contact.html">Register now!!</a>
            </div>
            <div class="our-services">
                <h3 class="services-title">Enterprenual Skills</h3>
                <p class="services-text">Do you need guidance and coaching on how you can effectively buid your buisness idea from your mind even unto reality- Go no further </p>
                <a class="services-btn" href="contact.html">Register now!!</a>
            </div>
        </div>

        </body>
    </html>