Skip to content

Commit

Permalink
had to change the css and other html locations too
Browse files Browse the repository at this point in the history
  • Loading branch information
@tataw-cl
tataw-cl committed Nov 2, 2023
1 parent 0396cc8 commit 2760572
Show file tree
Hide file tree
Showing 6 changed files with 504 additions and 4 deletions.
45 changes: 45 additions & 0 deletions About.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!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>About Me page</title>
<link rel="stylesheet" type="text/css" href="/sheet.css">
</head>

<body>
<style>
body {
background: var(--second-bg-color);
}
</style>

<header class="header">
<a href="#" class="logo">Portfolio</a>
<nav class="navbar">
<a href="index.html">Home</a>
<a href="/About.html" class="active">About</a>
<a href="/Services.html">Services</a>
<a href="/contact.html">Contact me</a>
</nav>
</header>

<section class="about" id="about">
<div class="about-img">
<img src="/images/my_pic1.jpg" alt="">
</div>

<div class="about-content">
<h2 class="heading"> About <span>Me</span></h2>
<h3>Frontend Dev, Computer programmer, video editor, hardware maintainance...</h3>
<p>I am also a Computer Science major at the University of Buea with a particular proclivity towards programming concepts, priblem solving and birthing creative and innivative ideas and solutions to said problems...</p>
<a href="#" class="btn">Read More</a>
</div>

</section>

</body>

</html>
120 changes: 120 additions & 0 deletions Services.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
<!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>Services page</title>
<link rel="stylesheet" href="/sheet.css">
</head>

<body>

<header class="header">
<a href="#" class="logo">Portfolio</a>
<nav class="navbar">
<a href="/index.html">Home</a>
<a href="/About.html">About</a>
<a href="/Services.html" class="active">Services</a>
<a href="/contact.html">Contact me</a>
</nav>
</header>
<section class="services">
<h2 class="heading"> Our<span> Services</span></h1>

<div class="services-container">
<div class="service-container1">
<div class="services-box">
<div>
<h3>Web developement</h3>
</div>
<div> <img src="/images/bxl-html5.svg" alt="">
<img src="/images/bxl-css3.svg" alt="">
<img src="/images/bxl-javascript.svg" alt=""></div>
<br>

</div>
<p>About an intermediate. With a couple projects done like this portfolio website</p>

<div class="services-box">
<div>
<h3>Video Editing</h3>
</div>
<div> <img src="/images/bx-video-recording.svg">
</div>

<br>

</div>
<p>Pretty versed with the editing tool "shotcut" with some prjects done</p>

<div class="services-box">
<div>
<h3>Hardware Maintainance</h3>
</div>
<div> <img src="/images/bx-hdd.svg">
</div>
<br>

</div>
<p>Been an apprentice at a hardware repairs shop, along with some software maintainance and installation experiences as well..</p>

</div>
<div class="services-container2">
<div class="services-box">
<div>
<h2>OTHER PROGRAMMING <span>LANGUAGES</span></h2>
</div>
<br>

</div>
<p style="font-size: 2.0rem;">Here are a couple other prigramming languages which I have been exposed to</p>

<div class="services-box">
<div>
<h3>C/C++</h3>
</div>
<div> <img src="/images/bxl-c-plus-plus.svg"></div>

<br>

</div>
<p><u><strong>INTERNEDIATE</strong></u><br> At about an intermediate in C programming language, And as well have had adequate exposure to data structures, constructs and sythax in both PL</p>

<div class="services-box">
<div>
<h3>Javascript</h3>
</div>
<div><img src="/images/bxl-javascript.svg"></div>

<br>

</div>
<p><u><strong>Good</u></strong>. <br> Undertook multiple Javascriptprojects and practice exercises and am versed with the PL</p>

<div class="services-box">
<div>
<h3>Python</h3>
</div>
<img src="/images/bxl-python.svg">

<br>

</div>
<p><u><strong>Good</strong></u> <br> Good in python progranning language with some practice exercises down</p>

<div class="services-box">
<div>
<h3>PHP</h3>
</div>
<div> <img src="/images/bxl-php.svg"> </div>
<br>

</div>
<p><u><strong>Begginer</strong></u> <br> At the preliminary stages of working with PHP and other backend frameworks side-by-side</p>
</div>
</section>
</body>

</html>
32 changes: 32 additions & 0 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
<!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>Contact page</title>
<link rel="stylesheet" type="text/css" href="/sheet.css">
</head>

<body>
<header class="header">
<a href="#" class="logo">Portfolio</a>
<nav class="navbar">
<a href="/index.html">Home</a>
<a href="/About.html">About</a>
<a href="/Services.html">Services</a>
<a href="/contact.html" class="active">Contact me</a>
</nav>
</header>

</body>
<section class="contact">
<h2 class="heading"> Contact <span>Me</span></h2>
<div class="contact_me"><input id="email" name="email " type="email" placeholder="Enter email here"> <br>
<input id="num" type="tel" name="phone" placeholder="Enter phone number here (e.g +1-000-222-897)"> <br>
<textarea id="entry" name="text" id="comment" cols="30" rows="10" placeholder="Write me a message on why you'd wanna get to me..."></textarea>
</div>
</section>

</html>
22 changes: 22 additions & 0 deletions experiment.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!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>for experiment purposes</title>
</head>

<body>
<style>
body {
background-color: #1f242d;
}
</style>
<div class="home-image">
<img src="images/my_pic1.jpg" alt="" style="padding-left:800px; height: 400px; width: auto; padding-top: 200px">
</div>
</body>

</html>
8 changes: 4 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio</title>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="/CSS/sheet.css">
<link rel="stylesheet" type="text/css" href="/sheet.css">
</head>

<body>
Expand All @@ -16,9 +16,9 @@
<a href="#" class="logo">Portfolio</a>
<nav class="navbar">
<a href="index.html" class="active">Home</a>
<a href="/HTML/About.html">About</a>
<a href="/HTML/Services.html">Services</a>
<a href="/HTML/contact.html">Contact me</a>
<a href="/About.html">About</a>
<a href="/Services.html">Services</a>
<a href="/contact.html">Contact me</a>
</nav>
</header>
<!-- <div style="height: 3cm; background-color:red;"> This is literally to distract</div>-->
Expand Down
Loading

0 comments on commit 2760572

Please sign in to comment.