microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

reorg step0

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-15 14:51:31 -08:00
parent d43986bfe7
commit 5e64d11d22
15 changed files with 72 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
step1-00/fabric.jpg → step1-00/assets/fabric.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

4
step1-00/css-demo.css → step1-00/css-demo/css-demo-finished.css
View File

@@ -1,5 +1,9 @@
/* https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors */
body {
font: 1.2em sans-serif;
}
/* Targeting an HTML tag */
h1 {
/* Color name */

29
step1-00/css-demo/css-demo-finished.html Normal file
View File

@@ -0,0 +1,29 @@
<html>
<head>
<link rel="stylesheet" href="./css-demo-finished.css" />
</head>
<body>
<div>
<h1>This is my <span>Title</span></h1>
<div class="tiles">
<div class="links">
<h2>Important Links</h2>
<a href="#">We're Awesome</a>
<a href="#">Learn More</a>
<a href="#">Hire Us</a>
</div>
<div>
<h2>Our Logo</h2>
<img src="./fabric.jpg" width="100" alt="fabric logo" />
</div>
<div>
<h2>Contact Us</h2>
<div id="contact-form">
<label>Email</label><input type="email" />
<input value="Submit" type="submit" />
</div>
</div>
</div>
</div>
</body>
</html>

0
step1-00/css-demo/css-demo.css Normal file
View File

0
step1-00/css-demo.html → step1-00/css-demo/css-demo.html
View File

2
step1-00/html-demo.html → step1-00/html-demo/html-demo.html
View File

@@ -84,7 +84,7 @@
<h3>Figure</h3>
<figure>
<img src="./fabric.jpg" alt="Fabric Logo" />
<img src="../assets/fabric.jpg" alt="Fabric Logo" />
<figcaption>The Fabric Logo</figcaption>
</figure>

0
step1-00/style.css → step1-00/html-demo/style.css
View File

5
step1-00/index.html
View File

@@ -7,8 +7,9 @@
<body class="ms-Fabric">
<div class="Container">
<ul class="Tiles">
<li class="Tile"><a href="./html-demo.html" class="Tile-link">HTML Demo</a></li>
<li class="Tile"><a href="./css-demo.html" class="Tile-link">CSS Demo</a></li>
<li class="Tile"><a href="./html-demo/html-demo.html" class="Tile-link">HTML Demo</a></li>
<li class="Tile"><a href="./css-demo/css-demo.html" class="Tile-link">CSS Demo</a></li>
<li class="Tile"><a href="./css-demo/css-demo-finished.html" class="Tile-link">CSS Demo Finished</a></li>
</ul>
</div>
</body>