Skip to content
This repository was archived by the owner on Feb 27, 2023. It is now read-only.

Dark orange #65

Open
wants to merge 9 commits into
base: master
Choose a base branch
from
Open

Dark orange #65

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
b2274db
exercises w1
ABDO-ALT Oct 19, 2019
649600f
exs 12
ABDO-ALT Oct 19, 2019
322b3c7
ex13-not sure if finished can't see result
ABDO-ALT Oct 22, 2019
03e5437
ex14-stuck with orders
ABDO-ALT Oct 22, 2019
7614dcb
ex14 complete
ABDO-ALT Oct 22, 2019
19987a6
ex15+forms
ABDO-ALT Oct 25, 2019
96f3f03
ex16
ABDO-ALT Oct 25, 2019
a13cb6d
ex17 - stuck
ABDO-ALT Oct 25, 2019
47c146a
orange dark
ABDO-ALT Oct 25, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
59 changes: 31 additions & 28 deletions week-1/1-parent-child/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,34 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>1. Parent-Child Relationships - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/css/normalize.css" />
<link rel="stylesheet" href="/css/week1.css" />
<link rel="stylesheet" href="/css/message-child-selectors.css" />
</head>

<body>
<div class="site-wrapper">
<div class="site-header">
<div class="site-header__title">Messages</div>
<head>
<meta charset="utf-8" />
<title>1. Parent-Child Relationships - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../../css/normalize.css" />
<link rel="stylesheet" href="../../css/week1.css" />
<link rel="stylesheet" href="../../css/message-child-selectors.css" />
</head>

<body>
<div class="site-wrapper">
<div class="site-header">
<div class="site-header__title">Messages</div>
</div>
<div class="messages">
<div class="message">
<div class="message__author">Anthony</div>
<p class="message__content">
Who is available to meet this week to work on our group project?
</p>
<span class="message__time">6:48pm</span>
</div>
<div class="messages">
<div class="message">
<div class="message__author">Anthony</div>
<p class="message__content">
Who is available to meet this week to work on our group project?
</p>
<span class="message__time">6:48pm</span>
</div>
<div class="message">
<div class="message__author">Habiba</div>
<p class="message__content">
I can meet on Tuesday and Wednesday after 4.
</p>
</div>
<div class="message">
<div class="message__author">Habiba</div>
<p class="message__content">
I can meet on Tuesday and Wednesday after 4.
</p>
<span class="message__time">7:15pm</span>
</div>
</div>
</body>
</html>
</div>
</body>

</html>
35 changes: 35 additions & 0 deletions week-1/1-parent-child/index01.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>1. Parent-Child Relationships - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../../css/normalize.css" />
<link rel="stylesheet" href="../../css/week1.css" />
<link rel="stylesheet" href="../../css/message-child-selectors.css" />
</head>

<body>
<div class="site-wrapper">
<div class="site-header">
<div class="site-header__title">Messages</div>
</div>
<div class="messages">
<div class="message">
<div class="message__author">Anthony</div>
<p class="message__content">
Who is available to meet this week to work on our group project?
</p>
<span class="message__time">6:48pm</span>
</div>
<div class="message">
<div class="message__author">Habiba</div>
<p class="message__content">
I can meet on Tuesday and Wednesday after 4.
</p>
<span class="message__time">7:15pm</span>
</div>
</div>
</div>
</body>
</html>
72 changes: 38 additions & 34 deletions week-1/2-html-attributes/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,40 +1,44 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>2. HTML Attributes - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/css/normalize.css" />
<link rel="stylesheet" href="/css/week1.css" />
<link rel="stylesheet" href="/css/message.css" />
</head>

<body>
<div class="site-wrapper">
<div class="site-header">
<div class="site-header__title">Messages</div>
<head>
<meta charset="utf-8" />
<title>2. HTML Attributes - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../../css/normalize.css" />
<link rel="stylesheet" href="../../css/week1.css" />
<link rel="stylesheet" href="../../css/message.css" />
<link rel="stylesheet" href="../../css/week1-style.css" />
</head>

<body>
<div class="site-wrapper">
<div class="site-header">
<div class="site-header__title">Messages</div>
</div>
<div class="messages">
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">Where should we meet later?</p>
<span class="message__time">7:25pm</span>
</div>
<div class="messages">
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">Where should we meet later?</p>
<span class="message__time">7:25pm</span>
</div>
<div class="message">
<div class="message__author">Luke</div>
<p class="message__content">
Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn
</p>
<span class="message__time">7:35pm</span>
</div>
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">
Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif
</p>
<span class="message__time">7:38pm</span>
</div>
<div class="message">
<div class="message__author">Luke</div>
<p class="message__content">
Let's meet at the <a href="https://goo.gl/maps/aza4h9nUBhn">iCafe</a> in Merchant City. </p>
<span class="message__time">7:35pm</span>
</div>
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">
Ok!
<img class="message__image" src="https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif"
alt="animated pic" />
</p>
<span class="message__time">7:38pm</span>
</div>
</div>
</body>
</html>
</div>
</body>

</html>
46 changes: 46 additions & 0 deletions week-1/2-html-attributes/index02.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>2. HTML Attributes - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../../css/normalize.css" />
<link rel="stylesheet" href="../../css/week1.css" />
<link rel="stylesheet" href="../../css/message.css" />
<link rel="stylesheet" href="../../css/week1-style.css" />
</head>

<body>
<div class="site-wrapper">
<div class="site-header">
<div class="site-header__title">Messages</div>
</div>
<div class="messages">
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">Where should we meet later?</p>
<span class="message__time">7:25pm</span>
</div>
<div class="message">
<div class="message__author">Luke</div>
<p class="message__content">
Let's meet at the <a href="https://goo.gl/maps/aza4h9nUBhn">iCafe</a> in Merchant City.
</p>
<span class="message__time">7:35pm</span>
</div>
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">
Ok!
<img
class="message__image"
src="https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif"
alt="animated pic"
/>
</p>
<span class="message__time">7:38pm</span>
</div>
</div>
</div>
</body>
</html>
85 changes: 45 additions & 40 deletions week-1/3-semantic-html/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,43 +1,48 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>3. Semantic HTML - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/css/normalize.css" />
<link rel="stylesheet" href="/css/week1.css" />
<link rel="stylesheet" href="/css/message.css" />
<link rel="stylesheet" href="/css/result.css" />
</head>

<body>
<div class="site-wrapper">
<div class="site-header">
<div class="site-header__title">Messages</div>
</div>
<div class="messages">
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">Where should we meet later?</p>
<span class="message__time">Mar 25, 2018 7:25pm</span>
</div>
<div class="message">
<div class="message__author">Luke</div>
<p class="message__content">
Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn
</p>
<span class="message__time">Mar 25, 2018 7:35pm</span>
</div>
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">
Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif
</p>
<span class="message__time">Mar 25, 2018 7:38pm</span>
</div>
</div>
<div id="result" class="result"></div>
</div>
<script defer src="/js/3-result.js"></script>
</body>
</html>
<head>
<meta charset="utf-8" />
<title>3. Semantic HTML - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../../css/normalize.css" />
<link rel="stylesheet" href="../../css/week1.css" />
<link rel="stylesheet" href="../../css/message.css" />
<link rel="stylesheet" href="../../css/result.css" />
</head>

<body>
<main class="site-wrapper">
<header class="site-header">
<div class="site-header__title">Messages</div>
</header>
<article class="messages">
<article class="message">
<article class="message__author">Won
</article>
<p class="message__content">Where should we meet later?</p>
<span class="message__time">Mar 25, 2018 7:25pm</span>
</article>
<article class="message">
<article class="message__author">Luke</article>
<p class="message__content">
Let's meet at the <a href="https://goo.gl/maps/aza4h9nUBhn">iCafe</a> in Merchant City.
</p>
<span class="message__time">Mar 25, 2018 7:35pm</span>
</article>
<article class="message">
<article class="message__author">Won</article>
<p class="message__content">
Ok! <img class="message__image" src="https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif"
alt="animated pic" style="width: 100%" />

</p>
<span class="message__time">Mar 25, 2018 7:38pm</span>
</article>
</article>
<main id="result" class="result"></main>
</main>
<script defer src="/js/3-result.js"></script>
</body>

</html>
49 changes: 49 additions & 0 deletions week-1/3-semantic-html/index03.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>3. Semantic HTML - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="../../css/normalize.css" />
<link rel="stylesheet" href="../../css/week1.css" />
<link rel="stylesheet" href="../../css/message.css" />
<link rel="stylesheet" href="../../css/result.css" />
</head>

<body>
<main class="site-wrapper">
<header class="site-header">
<div class="site-header__title">Messages</div>
</header>
<article class="messages">
<article class="message">
<article class="message__author">Won</article>
<p class="message__content">Where should we meet later?</p>
<span class="message__time">Mar 25, 2018 7:25pm</span>
</article>
<article class="message">
<article class="message__author">Luke</article>
<p class="message__content">
Let's meet at the <a href="https://goo.gl/maps/aza4h9nUBhn">iCafe</a> in Merchant City.
</p>
<span class="message__time">Mar 25, 2018 7:35pm</span>
</article>
<article class="message">
<article class="message__author">Won</article>
<p class="message__content">
Ok!
<img
class="message__image"
src="https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif"
alt="animated pic"
style="width: 100%"
/>
</p>
<span class="message__time">Mar 25, 2018 7:38pm</span>
</article>
</article>
<main id="result" class="result"></main>
</main>
<script defer src="/js/3-result.js"></script>
</body>
</html>
Loading