Skip to content

Commit

Permalink
adding the main files
Browse files Browse the repository at this point in the history
  • Loading branch information
Your Name committed Nov 9, 2023
1 parent 1540ed0 commit 8fa5cc9
Show file tree
Hide file tree
Showing 9 changed files with 450 additions and 0 deletions.
41 changes: 41 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="abbey ola">
<meta name="description" content="About me">
<link rel="icon" href="html.png"
type="image/x-icon">
<link rel="stylesheet" href="main.css" type="text/css">
<title>About html</title>
</head>
<body>
<h1>Hi i'm Abbey</h1>

<hr>
<p>
Lorem ipsum dolor sit amet consectetur,
adipisicing elit. Distinctio veniam accusamus
maiores quisquam eos ipsum vero, itaque harum
laborum tenetur porro, repellat cupiditate dolor
ptates mollitia commodi qui. Possimus?
</p>

<hr>

<ul>
<li>Dowoload an <a href="html.png" download="html.png">HTML 5 favicon</a></li>
<li>contact me at <a href="mailto:[email protected]">my mail address</a> </li>
<li>Dial <a href="tel: +2348162010121">my phone number</a></li>
<li>open <a href="https://www.google.com" target="_blank">Google</a> in a new tab</li>
</ul>

<hr>

&lt; &lt; &lt; &copy; <a href="index.html">abbey ola</a> &gt; &gt; &gt;

<p>
<a href="/">Back to home</a>
</p>
</body>
</html>
Binary file added html.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/download (2).png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/images (1) (17).jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/images (1) (19).jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
311 changes: 311 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,311 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="author" content="abbey ola">
<meta name="description" content="this contain all the things
i am learning in html">
<link rel="icon" href="html.png"
type="image/x-icon">
<link rel="stylesheet" href="main.css" type="text/css">
<title>my first web page</title>
</head>
<body>
<header>
<h1>My goals for the year</h1>



<nav aria-label="primary navigation">
<ul>
<li><a href="#html">learning html</a></li>
<li><a href="#vacation">planning for vacation</a></li>
<li><a href="#contact">Contact Me</a></li>
</ul>
</nav>
</header>

<hr>
<main>
<article id="html">
<section>
<h3>Html 5</h3>

<h2>i'm ready to learn HTML</h2>
<p>This is my first webpage</p>
<img src="img/download (2).png" alt="my picture" title="this is me" width="300" height="400">
<figure>
<figcaption>An example of Html 5 code</figcaption>
<p>
<code>&lt;h1&gt;HELLO WORLD&lt;/h1&gt;</code>
</p>

</figure>
</section>



<section>
<h3>my daily schedule</h3>
<p>let me tell you how i</p>
<ol>
<li>..... i learn more about web dev</li>
<li>......i plan out my schedule</li>
<li>......i use resourses from <abbr
title="Mozilla developer network"><a href="https://developer.mozilla.org">MDN</a></abbr></li>
</ol>
<aside>
<details>
<summary>guess the <mark>numbers of hours</mark> i code per day</summary>
<p>i start at <time datetime="08:00"></time> 8am</time> and i write code for <time datetime="pt3h"> 3hours</time> every morning</p>
</details>
</aside>
<br>
<table>
<caption>My daily schedule</caption>
<thead>
<tr>
<th>&nbsp;</th>
<th scope="col">
Time
</th>
<th scope="col">
Activity
</th>

</tr>
</thead>
<tbody>
<tr>
<th scope="row">Morning</th>
<td>
<time datetime="08:00">8am</time>-
<time
datetime="11:00">11am</time>
</td>
<td>write code</td>
</tr>
<tr>
<th scope="row">Break</th>
<td>
<time datetime="11:00">11am</time>-
<time
datetime="12:00">12pm</time>
</td>
<td>Eat launch</td>
</tr>
<tr>
<th scope="row">Afternoon</th>
<td>
<time datetime="12:00">12pm</time>-
<time
datetime="17:00">17pm</time>
</td>
<td>Study for other course</td>
</tr>
<tr>
<th scope="row">Evening</th>
<td rowspan="2">All other times</td>
<td>Free time</td>
</tr>
<tr>
<th scope="row">Night</th>

<td>Sleep</td>
</tr>
</tbody>
<tfoot>


<tr>
<td colspan="3">And thats what i do everyday, five days a week
just eat, sleep, code...and Recharge
</td>
</tr>
</tfoot>
</table>
</section>
</article>

<hr>

<article id="vacation">
<h2>i'm also planning a Vacation</h2>
<p>i live in <abbr title="kansas">ks</abbr> so i want to visit a beach</p>
<p>i've been working hard and really need a get away</p>

<section>
<h3>places i'll like to visit</h3>
<ul>

<li>
<p>i have learn good things about the carrebean</p>
</li>
<figure>
<img src="img/images (1) (17).jpeg"
alt="" title="carrebean" width="300" height="400">
<figcaption>
carrebean beach getaway
</figcaption>
</figure>


<li>
<p>i've learnt good things about going here:</p>
<address>
title="its 5'0 clock somewhere">
merseyside anfield road England united kingdom <br>
washington dc rivera road <br>
oke ilewo roundabout abeokuta

</address>
<figure>
<img src="img/images (1) (19).jpeg" alt="vacation">
<figcaption>
a carrebean vacation image
</figcaption>
</figure>
</li>
</ul>
</section>
<section>
<!-- this is a comment ja-->
<h3>place i'll like to avoid</h3>
<dl>
<dt>North pole</dt>
<dd>i hear this is <strong>cold</strong>!</dd>

<dt>South pole</dt>
<dd>This is also cold</dd>

<dt>Mountain tops</dt>
<dd>These are zero cold</dd>

</dl>
</section>
</article>

<hr>

<article id="contact">
<h2>Contact Me</h2>
<P>I'd really love to hear from you</P>

<form action="htts://httpbin.org/get" method="get">
<fieldset>
<legend>Your personal info</legend>
<p>
<label for="FirstName"></label>First-Name:</label>
<input type="text" name="FirstName" id="FirstName" placeholder="jane"
autocomplete="on" required>
</p>

<p>
<label for="LastName"></label>Last-Name:</label>
<input type="text" name="LastName" id="LastName" placeholder="doe"
autocomplete="on" required>
</p>

<p>
<label for="Password"></label>Password:</label>
<input type="password" name="Password" id="Password" placeholder="your secret"
required>
</p>

<p>
<label for="Phone"></label>Phone:</label>
<input type="tel" name="Phone" id="Phone" placeholder="555-555-5555"
pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}"
required>
<p>
<label for="Decade"></label>Favourite Decade:</label>
<input type="number" name="Decade" id="Decade" min="1960"
max="2020" step="10" value="1980">
</p>

<P>
<label for="cofee">Favourite cofee</label>
<select name="cofee" id="cofee" multiple size="5">
<optgroup label="coffees">
<option value="regular cofee">Regular cofee</option>
<option value="americanu" selected>Americano</option>
</optgroup>
<optgroup label="espresso Drinks">
<option value="cappuccino">cappuccino</option>
<option value="cortado">cortado</option>
<option value="iced cofee">ised cofee</option>
<option valu="latte">Latte</option>
</optgroup>
</select>
</P>
</fieldset>
<br>
<fieldset>
<legend>Do you have a pet</legend>
<p>
<input type="radio" name="pet" id="dog" value="dog">
<label for="dog">Dog</label>
</p>
<p>
<input type="radio" name="pet" id="cat" value="cat">
<label for="cat">Cat</label>
</p>
<p>
<input type="radio" name="pet" id="fish" value="fish">
<label for="fish">Fish</label>
</p>
<p>
<input type="radio" name="pet" id="other pets" value="other pets">
<label for="other pets">Other pets</label>
</p>
</fieldset>
<br>
<fieldset>
<legend>What is your Favourite Food</legend>
<p>
<input type="checkbox" name="Food" id="Tacos">
<label for="dog">Tacos</label>
</p>
<p>
<input type="checkbox" name="Food" id="cat">
<label for="cat">Cat</label>
</p>
<p>
<input type="checkbox" name="Food" id="fish">
<label for="fish">Fish</label>
</p>
<p>
<input type="checkbox" name="Food" id="other pets">
<label for="other pets">Other pets</label>
</p>
</fieldset>
<fieldset>
<legend>Send Me a Message</legend>
<label for="message">Your Message</label>
<br>
<textarea name="Message" id="Message" cols="30" rows="10" autofocus placeholder="enter your message"></textarea>
</fieldset>
<button type="reset">Reset</button>
<button type="Submit">Submit</button>
<button type="submit" formaction="about.html"></button>

</form>

</article>

</main>



<hr>
<footer>
<p>
&lt; &lt; &lt; to learn more about me <a href="about.html">click here</a>
&gt; &gt; &gt;
</p>
<p>
<a href="#">back to top</a>
</p>
</footer>
</body>
</html>
Binary file added istockphoto-1082411378-612x612.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
29 changes: 29 additions & 0 deletions main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
html {
font-size: 22px;
}

body {
background-color: rgb(31, 25, 25);
color: whitesmoke;
}

a {
color: aliceblue;
}

a:hover, a:active {
color: gray;
}

a:visited {
color: lightgrey;
}

table, tr, th, td, caption {

border: 1px solid whitesmoke;
font-family: 'Courier New', Courier, monospace;
border-collapse: collapse;
padding: 0.5rem;
}

Loading

0 comments on commit 8fa5cc9

Please sign in to comment.