Skip to content

Commit

Permalink
done with html and css
Browse files Browse the repository at this point in the history
  • Loading branch information
sankkakeii committed Nov 21, 2021
1 parent 326bd54 commit 2260fb8
Show file tree
Hide file tree
Showing 19 changed files with 1,427 additions and 0 deletions.
74 changes: 74 additions & 0 deletions about.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,74 @@
<!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" />
<link rel="stylesheet" href="css/style.css" />
<title>My Portfolio</title>
</head>
<body>
<div class="main-container">
<!-- navbar -->
<div class="navbar">
<div class="nav-content">
<div class="logo">
<img
src="/portfolio1.0/images/de-logo.svg"
alt="David Emeleogu logo"
width="50"
/>
</div>
<ul class="nav-items">
<li><a href="/portfolio1.0/index.html">HOME</a></li>
<li><a href="/portfolio1.0/about.html">ABOUT</a></li>
<li><a href="/portfolio1.0/projects.html">PROJECTS</a></li>
<li><a href="/portfolio1.0/contact.html">CONTACT</a></li>
</ul>

<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="nav-icon"></span></label>
</div>
</div>

<!-- content -->
<div class="content">
<!-- ABOUT SECTION -->
<div id="about">
<div class="about-content">
<div class="about-content-box1">
<div class="about-header-text-box">
<h1 class="about-header-text">About</h1>
<h1 class="about-header-text-name">David Emeleogu</h1>
</div>

<div class="about-decription-box">
<p class="about-description">
As a backend developer, David is an energetic, fun, and sometimes introverted
person, with a knack for figuring things out. He loves to play chess and enjoys throwing
stones at giants
</p>
</div>

<div class="news">
<!-- <div class="breaking">
<h1>ABOUT ME</h1>
</div> -->
<div class="news-scroll">
<p>
BREAKING NEWS...BREAKING NEWS...BREAKING NEWS...BREAKING NEWS...BREAKING NEWS...BREAKING NEWS...BREAKING NEWS...David is fun...loves to play chess...thinks problems are are fun...loves throwing stones at giants...knows a little flutter...ask him about Blockchain technology...can box a little...hopes recycling is not a scam...lets see if you can beat him in a race; virtual or otherwise...plans to visit space...is rude to nice people for absolutely no reason...Thank you for visiting....GOODBYE...GOODBYE...GOODBYE...GOODBYE...GOODBYE.....
</p>
</div>
</div>
</div>

<div class="about-content-box2">
<!-- <img src="/portfolio1.0/images/mosaic.png" alt="" height="100%" width="100%"> -->
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
123 changes: 123 additions & 0 deletions bkup.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
<!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" />
<link rel="stylesheet" href="css/style.css" />
<title>My Portfolio</title>
</head>
<body>
<div class="main-container">
<!-- navbar -->
<div class="navbar">
<div class="nav-content">
<div class="logo">
<img
src="/portfolio1.0/images/de-logo.svg"
alt="David Emeleogu logo"
width="50"
/>
</div>
<ul class="nav-items">
<li><a href="#intro">HOME</a></li>
<li><a href="#about">ABOUT</a></li>
<li><a href="#project">PROJECTS</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>

<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="nav-icon"></span></label>
</div>
</div>

<!-- content -->
<div class="content">

<!-- INTRO SECTION -->
<div id="intro">
<div class="intro-content-box1">
<div class="intro-header-text-box">
<h1 class="intro-header-text">Hi, Meet</h1>
<h1 class="intro-header-text-name">David Emeleogu</h1>
<h1 class="intro-header-text2">Software Developer</h1>
<div class="intro-decription-box">
<p class="intro-description">
A young, aspiring software developer with widespread interests in tech, gaming, music and animation.
He is skillful in his use of the python language and absolutely loves Object-Oriented Programming
</p>
</div>

</div>
</div>
<div class="intro-content-box2">
<div class="tools">
<h2 class="tool-text">HTML</h2>
<h2 class="tool-text">CSS</h2>
<h2 class="tool-text">JAVASCRIPT</h2>
<h2 class="tool-text">PYTHON</h2>
</div>
</div>
</div>

<!-- ABOUT SECTION -->
<div id="about">
<div class="about-content">
<div class="about-content-box1">
<h1 class="about-header-text">About</h1>
<h1 class="about-header-text-name">David Emeleogu</h1>

<div class="about-decription-box">
<p class="about-description">
A young, aspiring software developer with widespread interests in tech, gaming, music and animation.
He is skillful in his use of the python language and absolutely loves Object-Oriented Programming
</p>
</div>

<div class="news">
<!-- <div class="breaking">
<h1>ABOUT ME</h1>
</div> -->
<div class="news-scroll">
<p>
BREAKING NEWS...BREAKING NEWS...BREAKING NEWS...BREAKING NEWS...BREAKING NEWS...David is a fun person...loves to play chess...thinks problems are are fun...loves throwing stones at giants............................
</p>
</div>
</div>
</div>

<div class="about-content-box2">
<p></p>
</div>
</div>
</div>


<!-- PROJECTS SECTION -->
<div id="project">
<div class="project-content">
<div class="project-content-box1">
<h1 class="project-header-text">Projects</h1>
<h1 class="project-header-text-name">David Emeleogu</h1>
<h1 class="project-header-text">Has Done</h1>
</div>
<div class="project-content-box2">
<p></p>
</div>
</div>
</div>

<!-- CONTACT SECTION -->
<div id="contact">
<div class="contact-content">
<div class="contact-content-box1">
<h1 class="contact-header-text">Contact</h1>
<h1 class="contact-header-text-name">David Emeleogu</h1>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
69 changes: 69 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,69 @@
<!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" />
<link rel="stylesheet" href="css/style.css" />
<title>My Portfolio</title>
</head>
<body>
<div class="main-container">
<!-- navbar -->
<div class="navbar">
<div class="nav-content">
<div class="logo">
<img
src="/portfolio1.0/images/de-logo.svg"
alt="David Emeleogu logo"
width="50"
/>
</div>
<ul class="nav-items">
<li><a href="/portfolio1.0/index.html">HOME</a></li>
<li><a href="/portfolio1.0/about.html">ABOUT</a></li>
<li><a href="/portfolio1.0/projects.html">PROJECTS</a></li>
<li><a href="/portfolio1.0/contact.html">CONTACT</a></li>
</ul>

<input class="menu-btn" type="checkbox" id="menu-btn" />
<label class="menu-icon" for="menu-btn"><span class="nav-icon"></span></label>
</div>
</div>

<!-- content -->
<div class="content">
<!-- CONTACT SECTION -->
<div id="contact">
<div class="contact-content">
<div class="contact-content-box1">
<div class="contact-header-text-box">
<h1 class="contact-header-text">Contact</h1>
<h1 class="contact-header-text-name">David Emeleogu</h1>
</div>
</div>
<div class="contact-content-box2">
<div class="contact-description-box">
<p class="contact-description">
Legend has it that if you stand at the right place, at the right time, and
look up to the sky, you might catch David flying across the sky, riding Santa's sleigh...OR,
you can reach him using the normal channels below
</p>

<div class="num-email">
<h2 class="number" aria-roledescription="phone number">
+234-701-7753-716
</h2>
<h2 class="email" aria-roledescription="email">
[email protected]
</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Loading

0 comments on commit 2260fb8

Please sign in to comment.