Browse Source

day 7

master
Ken Schaefer 12 months ago
parent
commit
86bc432c74
  1. 12
      100-days/full-week.html
  2. 2
      100-days/index.html
  3. 25
      100-days/styles/full-week.css

12
100-days/full-week.html

@ -8,14 +8,16 @@
href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Oswald:wght@700&display=swap" href="https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;700&family=Oswald:wght@700&display=swap"
rel="stylesheet" rel="stylesheet"
/> />
<link href="styles/shared.css" rel="stylesheet" /> <link href="styles/shared.css" rel="stylesheet" />
<link href="styles/full-week.css" rel="stylesheet" /> <link href="http://lamp.internal.gharke.com/100-days/styles/full-week.css" rel="stylesheet" />
</head> </head>
<body> <body>
<h1>My Upcoming Challenges</h1> <h1>My Upcoming Challenges</h1>
<a href="index.html">View Today's Challenge</a> <a href="index.html">View Today's Challenge</a>
<p>Repeat what I learned about HTML & CSS</p> <ol>
<p>Do the exercises on HTML & CSS</p> <li>Repeat what I learned about HTML & CSS</li>
<p>Dive deeper into HTML & CSS and build more complex websites</p> <li>Do the exercises on HTML & CSS</li>
<li>Dive deeper into HTML & CSS and build more complex websites</li>
</ol>
</body> </body>
</html> </html>

2
100-days/index.html

@ -15,7 +15,7 @@
</head> </head>
<body> <body>
<img src="images/challenges-trophy.jpg" alt="A trophy" /> <img src="images/challenges-trophy.jpg" alt="A trophy" />
<h1>Max' Challenge for Wednesday, August 4th</h1> <h1>100 Day Challenges</h1>
<p id="todays-challenge"> <p id="todays-challenge">
Learn about the basics of web development - specifically dive into HTML & Learn about the basics of web development - specifically dive into HTML &
CSS. CSS.

25
100-days/styles/full-week.css

@ -0,0 +1,25 @@
h1 {
font-size: 48px;
color: rgb(71, 62, 62);
}
a {
background-color: rgb(167, 1, 78);
color: white;
border-radius: 4px;
font-size: 24px;
}
a:hover {
background-color: rgb(180, 12, 90);
text-decoration: none;
}
ol {
list-style: none;
}
li {
margin: 32px;
background-color: rgb(223, 136, 124);
border-radius: 6px;
}
Loading…
Cancel
Save