diff --git a/README.md b/README.md index 49db7f7a..dcf2cba7 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,9 @@ template ======== -Template repo for WRA 110 +This is a template for you to use to get your portfolio started in the course. + +There are 3 files to begin this portfolio: +1. An HTML file (index.html), which serves as the homepage for the portfolio. +2. Another HTML file (lived.html), which is linked to the homepage. +3. A CSS file to jazz up the design a bit (No one actually like Times New Roman do they?!!!) diff --git a/index.html b/index.html new file mode 100644 index 00000000..3c5e4b36 --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ + + + + + + +my portfolio + + + +
+

my portfolio

+ +
+
+

about me

+

Guanyu Lu

+
+ + + diff --git a/lived.html b/lived.html new file mode 100644 index 00000000..33b5484e --- /dev/null +++ b/lived.html @@ -0,0 +1,29 @@ + + + + + +lived experiences project | my portfolio + + + +
+

my portfolio

+ +
+
+

lived experiences project title

+

content goes here

+

paragraph 2

+
+ diff --git a/style.css b/style.css new file mode 100644 index 00000000..f5202301 --- /dev/null +++ b/style.css @@ -0,0 +1,49 @@ +body { + color:#fff; + background:#333; + font-family:Courier; + width:960px; + margin:auto; +} + + +header, main, footer { + clear:both; + margin-left:0; + +} + +header, main h1 { + color:#00ff00; +} + +a, a:visited { + color:#c0c0c0; + text-decoration:none; +} + +a:hover { + color: #77ccee; + text-decoration: none; +} + +#nav { + list-style: none; + width:960px; + margin-left:-40px; + +} + +#nav li { + display:block; + float: left; + padding:5px; + margin-bottom:20px; + margin-right:10px; + height:30px; + width:110px; + text-align:center; + font-size:13px; + border: 2px solid white; + border-radius:10px; +} \ No newline at end of file