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

change link color to orange #93

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

change link color to orange #93

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
7b89eab
solved 1-parent-child
ismailtugan May 19, 2020
5292f68
Completed 2-html-attributes exercise
ismailtugan May 19, 2020
2d0c9aa
completed 3-semantic-html
ismailtugan May 19, 2020
18f01bc
completed 4-links-scripts
ismailtugan May 19, 2020
8a6ee95
completed 4-links-scripts
ismailtugan May 19, 2020
aab54cf
completed 5-css-selectors
ismailtugan May 19, 2020
7187bfe
completed 6-css-properties
ismailtugan May 19, 2020
bf41bcc
completed 7-css-box
ismailtugan May 19, 2020
c562f05
8-advanced-selectors
ismailtugan May 19, 2020
3d94fc2
created 3 columns
ismailtugan May 24, 2020
634e98d
completed 11
ismailtugan May 24, 2020
05df9ab
level 12 completed
ismailtugan May 27, 2020
0e1877c
completed 13
ismailtugan May 27, 2020
ecc1a20
14 completed
ismailtugan May 27, 2020
8fd8f6a
completed 15
ismailtugan May 27, 2020
359b0b4
16 completed
ismailtugan May 27, 2020
7421195
17 completed
ismailtugan May 29, 2020
b12e3f7
completed 18
ismailtugan May 29, 2020
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
1 change: 1 addition & 0 deletions week-1/1-parent-child/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@
<p class="message__content">
I can meet on Tuesday and Wednesday after 4.
</p>
<span class="message__time">7:15pm</span>
</div>
</div>
</div>
Expand Down
6 changes: 3 additions & 3 deletions week-1/2-html-attributes/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,15 +23,15 @@
<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
Let's meet at the iCafe in Merchant City. <a href="https://goo.gl/maps/aza4h9nUBhn" >iCafe</a>
</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>
Ok! <img src="https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif"
</p> <img />
<span class="message__time">7:38pm</span>
</div>
</div>
Expand Down
14 changes: 7 additions & 7 deletions week-1/3-semantic-html/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,30 +12,30 @@

<body>
<div class="site-wrapper">
<div class="site-header">
<header role="banner">
<div class="site-header__title">Messages</div>
</div>
<div class="messages">
</header>
<main role="main">
<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>
<span class="message__time"> <time datetime="2018-03-25">25 March </time> <time datetime="07:25">07:25pm </time> </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>
<span class="message__time"> <time datetime="2018-03-25">25 March </time> <time datetime="07:35">07:35pm </time> </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>
<span class="message__time"> <time datetime="2018-03-25">25 March </time> <time datetime="07:38">07:38pm </time> </span>
</div>
</div>
</main>
<div id="result" class="result"></div>
</div>
<script defer src="/js/3-result.js"></script>
Expand Down
5 changes: 4 additions & 1 deletion week-1/4-links-scripts/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,9 +4,12 @@
<meta charset="utf-8" />
<title>4. Adding Links and Scripts - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="/html-css-git-exercises/week-1/4-links-scripts/css/missing-styles.css">
</head>

<body>
<script src="/html-css-git-exercises/week-1/4-links-scripts/js/convertUrls.js" defer > </script>
<
<body>
<div class="site-wrapper">
<div class="site-header">
<div class="site-header__title">Messages</div>
Expand Down
9 changes: 9 additions & 0 deletions week-1/5-css-selectors/message-backgrounds.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,10 @@
/* Add your CSS code below */
#first-message {
background-color:red ;
}
article {
background-color: cadetblue;
}
.message--latest {
background-color: yellow;
}
26 changes: 26 additions & 0 deletions week-1/6-css-properties/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,27 @@
/* Add your CSS code below */
.link--map {
color:red ;
font-weight: bold;
text-decoration-line: none;
}
.link--gif {
color: red ;
font-weight: bold;
text-decoration-line: none;
}

.message__time {
font-size: 0.9rem;
}

.message--unread {
border-left: 5px solid blue;
}

.message--old {
opacity:0.5 ;
}

body {
line-height: 1.6;
}
13 changes: 13 additions & 0 deletions week-1/7-css-box/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,16 @@
border-radius: 4px;
background: #fff;
}
.country {
padding: 10px;
border: 3px solid #d6d8e1;
list-style-type: none;

}

.countries {
background: #fff;
width: 30%;


}
12 changes: 12 additions & 0 deletions week-1/8-advanced-selectors/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,13 @@
/* Try different box model properties below */
.site-header p {
color: white;
margin-bottom: 0;
}

.site-footer p {
font-size: 12px;
text-align: center;
}
.message:last-child {
box-shadow: 4px 4px 0 #dba944;
}
3 changes: 3 additions & 0 deletions week-2/10-media-queries/columns.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,4 @@
/* Add your own CSS code below */
.countries {
columns: 3;
}
20 changes: 20 additions & 0 deletions week-2/11-flexbox/flexbox.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1,21 @@
/* Add your own CSS code below */

.countries--first{ display: flex;
flex-direction: row-reverse;
background-color: white;
}

.countries--second {
display: flex;
flex-direction: column;
}

.countries--third {
display: flex;
flex-direction: column-reverse;
}
.country {
height: 50px;
width: 100px;
border: 2px solid black;
}
10 changes: 10 additions & 0 deletions week-2/11-flexbox/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@
</head>

<body>
<container>
<div class="site-wrapper">
<div class="panel">
<div class="exercise">
Expand All @@ -24,29 +25,34 @@ <h1 class="site-header__title">Exercises</h1>
<div class="panel">
<div class="exercise">
<h2 class="exercise__title">First</h2>

<ul class="countries countries--first">
<li class="country">1. Brazil</li>
<li class="country">2. Croatia</li>
<li class="country">3. Ethiopia</li>
<li class="country">4. Laos</li>
<li class="country">5. Uganda</li>
</ul>

</div>
<div class="solution">
<h3 class="solution__title">Solution</h3>
<img class="solution__image" src="/images/11/solution-1.png" />
</div>
</div>

<div class="panel">
<div class="exercise">
<h2 class="exercise__title">Second</h2>

<ul class="countries countries--second">
<li class="country">1. Brazil</li>
<li class="country">2. Croatia</li>
<li class="country">3. Ethiopia</li>
<li class="country">4. Laos</li>
<li class="country">5. Uganda</li>
</ul>

</div>
<div class="solution">
<h3 class="solution__title">Solution</h3>
Expand All @@ -56,14 +62,18 @@ <h3 class="solution__title">Solution</h3>
<div class="panel">
<div class="exercise">
<h2 class="exercise__title">Third</h2>

<ul class="countries countries--third">
<li class="country">1. Brazil</li>
<li class="country">2. Croatia</li>
<li class="country">3. Ethiopia</li>
<li class="country">4. Laos</li>
<li class="country">5. Uganda</li>
</ul>

</div>
</container>

<div class="solution">
<h3 class="solution__title">Solution</h3>
<img class="solution__image" src="/images/11/solution-3.png" />
Expand Down
70 changes: 70 additions & 0 deletions week-2/12-justify-content/flexbox.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,3 +7,73 @@
}

/* Add your own CSS code below */
.country {

border: 1px solid grey;
background-color: white;


}

.countries--first .country {
height: 50px;
width: 100px;
}

.countries--first {
display: flex;
flex-direction: row;
background-color: #1B4057;
height: 50px;
width: 500px;
border: 20px solid #1B4057 ;
justify-content:space-around ;
}

.countries--second{
display: flex;
flex-direction: row;
background-color: #1B4057;
height: 50px;
width: 500px;
border: 20px solid #1B4057 ;
justify-content:space-between ;
}

.countries--third .country {
height: 50px;

}

.countries--third {
display: flex;
flex-direction: column;
background-color: #1B4057;
height: 250px;
width: 500px;
border: 20px solid #1B4057 ;
justify-content:space-around;

}

.countries--fourth .country {
height: 50px;

}

.countries--fourth {
display: flex;
flex-direction: column;
background-color: #1B4057;
height: 500px;
width: 500px;
border: 20px solid #1B4057 ;
justify-content:space-between;

}



ul {
list-style-type: none;
}
Loading