Skip to content

Commit

Permalink
Add responsiveness to some pages
Browse files Browse the repository at this point in the history
  • Loading branch information
@tataw-cl
tataw-cl committed Apr 27, 2024
1 parent 8db177f commit 9773e20
Show file tree
Hide file tree
Showing 5 changed files with 690 additions and 416 deletions.
16 changes: 10 additions & 6 deletions About.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,7 @@
<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="Services.html">Experiences</a>
<a href="contact.html">Contact me</a>
</nav>
</header>
Expand All @@ -35,16 +35,20 @@
<div class="about-content reveal">
<h2 class="heading">About <span>Me</span></h2>
<h3>
Frontend Dev, Computer programmer, video editor, hardware
maintainance...
Frontend Dev, Computer programmer, video editor, hardware technician
and open source enthusiast...
</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
particular proclivity towards programming concepts, problem solving
and birthing creative and innovative ideas and solutions to said
problems...
</p>
<a href="#" class="btn">Read More</a>
<a
href="https://www.linkedin.com/in/tataw-clarkson-904a7a296/"
class="btn"
>Read More</a
>
</div>
</section>
</div>
Expand Down
14 changes: 6 additions & 8 deletions Services.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,45 +18,43 @@
<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="Services.html" class="active">Experiences</a>
<a href="contact.html">Contact me</a>
</nav>
</header>
<div class="card">
<section class="services">
<h2 class="heading"> My<span> Experiences</span></h1>
<h2 class="heading" id="not"> My<span> Experiences</span></h1>

<div class="services-container reveal">
<div class="service-container1">
<div class="services-box">
<div>
<h3>Web developement</h3>
</div>
<div> <img src="bxl-html5.svg" alt="">
<div class="webdev"> <img src="bxl-html5.svg" alt="">
<img src="bxl-css3.svg" alt="">
<img src="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 class="services-box" id="videoh">
<div>
<h3>Video Editing</h3>
</div>
<div> <img src="bx-video-recording.svg">
<div id="video"> <img src="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="bx-hdd.svg">
<div id="HDD"> <img src="bx-hdd.svg">
</div>
<br>

Expand Down
58 changes: 28 additions & 30 deletions contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,38 +16,36 @@
<nav class="navbar">
<a href="index.html">Home</a>
<a href="About.html">About</a>
<a href="Services.html">Services</a>
<a href="Services.html">Experiences</a>
<a href="contact.html" class="active">Contact me</a>
</nav>
</header>
</body>
<div class="card">
<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>
</div>
<section class="contact">
<h2 class="heading" id="not">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>
22 changes: 11 additions & 11 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<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="Services.html">Experiences</a>
<a href="contact.html">Contact me</a>
</nav>
</header>
Expand All @@ -35,29 +35,29 @@
<div class="card">
<section class="home" id="home">
<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
<h3 class="hs">Hello and welcome to my site, it's TC</h3>
<h1 class="hs">[TATAW CLARKSON]</h1>
<h3 class="hs">
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
I 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
My goal and aim is targetted towards achieving my and your
objectives efficiently and in time, while making it usable upon
release, and satisfying demand
</p>
<p id="Lp">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.png"
Expand Down
Loading

0 comments on commit 9773e20

Please sign in to comment.