Skip to content

Commit

Permalink
Merge pull request #2 from tataw-cl/safe
Browse files Browse the repository at this point in the history 
modified css and finally added some minute js
  • Loading branch information
@tataw-cl
tataw-cl authored Jan 2, 2024
2 parents 92698f3 + f2c137e commit 84c5c30
Show file tree
Hide file tree
Showing 6 changed files with 469 additions and 381 deletions.
71 changes: 38 additions & 33 deletions About.html
View file
Original file line number Diff line number Diff line change
@@ -1,45 +1,50 @@
<!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">
<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>
<link rel="stylesheet" type="text/css" href="sheet.css" />
<script type="text/javascript" src="script.js"></script>
</head>

<body>
<body>
<style>
body {
background: var(--second-bg-color);
}
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>
<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="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>

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

<div class="about-content reveal">
<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>
</body>
</html>
3 changes: 2 additions & 1 deletion Services.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Services page</title>
<link rel="stylesheet" href="sheet.css">
<script type="text/javascript" src="script.js"></script>
</head>

<body>
Expand All @@ -23,7 +24,7 @@
<section class="services">
<h2 class="heading"> Our<span> Services</span></h1>

<div class="services-container">
<div class="services-container reveal">
<div class="service-container1">
<div class="services-box">
<div>
Expand Down
68 changes: 43 additions & 25 deletions contact.html
View file
Original file line number Diff line number Diff line change
@@ -1,32 +1,50 @@
<!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">
<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>
<link rel="stylesheet" type="text/css" href="sheet.css" />
<script type="text/javascript" src="script.js"></script>
</head>

<body>
<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>
<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>
</body>
<section class="contact">
<h2 class="heading">Contact <span>Me</span></h2>
<div class="contact_me reveal">
<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>
</section>
</html>
101 changes: 60 additions & 41 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,56 +1,75 @@
<!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">
<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>Portfolio</title>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="sheet.css">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<link rel="stylesheet" type="text/css" href="sheet.css" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="script.js"></script>
</head>

<body>
<body>
<!--header design-->
<header class="header">
<a href="#" class="logo">Portfolio</a>
<nav class="navbar">
<a href="index.html" class="active">Home</a>
<a href="About.html">About</a>
<a href="Services.html">Services</a>
<a href="contact.html">Contact me</a>
</nav>
<a href="#" class="logo">Portfolio</a>
<nav class="navbar">
<a href="index.html" class="active">Home</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>-->


<!--Design of home section-->
<section class="home" id="home">
<div class="home-content">
<h3>Hello and welcome to my site, it's TC</h3>
<h1>TATAW CLARKSON</h1>
<h3>And I'm a <span>Frontend Developer</span> and <span>Computer programmer</span></h3>
<p>I'm passionate about programming, problem solving and innovative thinking and the achievement of goals leading towards a larger objective or aim.
</p>
<p>We build, bringing forth the desired output for innovative and purposed projects</p><br>
<p>Our aim is bent on achieving our objective efficiently and in time and making it usable upon release, and satisfying demand</p>
<p style="font-size: 3.2rem;">Come and let's <span>achieve greatness </span> together</p>
<div class="social-media">
<a href="https/www.facebook.com" target="blank"><img class="icons" src="facebook-circle-logo-24.png"></a>
<a href="https://github.com/tataw-cl" target="blank"><img class="icons" src="github.svg"></a>
<a href="https://www.linkedin.com/in/tataw-clarkson-904a7a296/" target="blank"><img class="icons" src="linkedin.svg"></a>
<!--<a href="#"><img class="icons" src="images/facebook.png"></a>-->
</div>
<a href="#" class="btn">Download resume</a>
</div>
<div class="home-image">
<img src="my_pic.png" alt="">
<div class="home-content reveal">
<h3>Hello and welcome to my site, it's TC</h3>
<h1>TATAW CLARKSON</h1>
<h3>
And I'm a <span>Frontend Developer</span> and
<span>Computer programmer</span>
</h3>
<p>
I'm passionate about programming, problem solving and innovative
thinking and the achievement of goals leading towards a larger
objective or aim.
</p>
<p>
We build, bringing forth the desired output for innovative and
purposed projects
</p>
<br />
<p>
Our aim is bent on achieving our objective efficiently and in time and
making it usable upon release, and satisfying demand
</p>
<p style="font-size: 3.2rem">
Come and let's <span>achieve greatness </span> together
</p>
<div class="social-media">
<a href="https/www.facebook.com" target="blank"
><img class="icons" src="facebook-circle-logo-24.png"
/></a>
<a href="https://github.com/tataw-cl" target="blank"
><img class="icons" src="github.svg"
/></a>
<a
href="https://www.linkedin.com/in/tataw-clarkson-904a7a296/"
target="blank"
><img class="icons" src="linkedin.svg"
/></a>
<!--<a href="#"><img class="icons" src="images/facebook.png"></a>-->
</div>

<a href="#" class="btn">Download resume</a>
</div>
<div class="home-image">
<img src="my_pic.png" alt="" />
</div>
</section>
<!--About me section-->

</body>

</html>
</body>
</html>
6 changes: 6 additions & 0 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
window.onload = function () {
var reveals = document.querySelectorAll(".reveal");
for (var i = 0; i < reveals.length; i++) {
reveals[i].classList.add("active");
}
};
Loading

0 comments on commit 84c5c30

Please sign in to comment.