CodeYourFuture · jwillson2020 · Nov 10, 2020 · Nov 10, 2020 · Nov 10, 2020 · Nov 10, 2020
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "pwa-chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
diff --git a/copyright.html b/copyright.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/style.css" />
+    <title>copyright</title>
+</head>
+
+<body>
+    <h1> Copyright </h1>
+</body>
+
+</html>
diff --git a/css/style.css b/css/style.css
@@ -6,3 +6,167 @@
  *    for example: General styles, Navigation styles, Hero styles, Footer etc.
  * 
  */
+header{
+    font-family: 'Bubblegum Sans', cursive;
+    background-color: #5a4fcf;
+    background-image: -webkit-linear-gradient(rgb(0,35,102) ,rgb(90,79,207)  );
+    text-size-adjust: 30px;
+    text-align: center;
+    color: rgb(252, 247, 250);
+    text-shadow: 3px 1px 0px 
+        rgba(0,0,0,0.4); 
+    padding-top: 20px;
+    border-radius: 17px;
+    box-shadow: 0px 1px 
+             5px 2px 
+         rgba(0,0,0,0.4);
+}
+
+nav{
+    background-color:rgba(255,255,255, 0.2);
+     text-align: center;
+      padding: 0px 20px 0px 20px;
+       margin: 5px 10px 5px 10px;
+        font-family: cursive, noto, Lucida Sans, Arial;
+}
+
+
+
+.navlink:link{
+    color: rgb(216, 148, 45);
+
+}
+
+.navlink:visited{
+    background-color: rgb(93, 41, 179);
+}
+
+/* Colour of the links unclicked*/
+
+.navlink {
+    color: white;
+     text-shadow: none;
+      font-family: 'Bubblegum Sans',  noto, Lucida Sans, Arial;
+       background-color: darkslateblue;
+        padding: 0px 20px 0px 20px;
+         margin: 5px 10px 5px 10px;
+          border-radius: 17px;
+
+}
+
+body {
+background-color: #7c0a02; 
+display: block;
+margin: 0px, auto; 
+
+ }
+
+ h2 , h3 {
+    padding: 0px 20px 0px 10px;  
+    font-family: 'Bubblegum Sans', cursive;
+ }
+
+ .quote {
+    border-radius: 17px;
+    margin-left: 40px;
+    padding-left -10px: ;
+    max-width: 500px;
+    background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0.5) ,rgba(255,255,255,0)   );
+
+ }
+
+ .quote:hover {
+    background-color: rgb(255,255,255 );
+    max-width: fit-content; 
+    font-family: Arial Narrow Bold;
+
+ }
+
+
+ article  {
+
+background-color: #f1e9d2 ; 
+ margin-left: 20px ;
+ margin-right: 20px ;
+ padding: 10px 0px 50px 40px ;
+  margin-bottom: 20px ;
+ }
+
+
+
+
+
+ .letterV, .letterP, .letterI {
+    float: left;  
+    margin: 5px; 
+     background-color: greenyellow;
+     height: 6%;
+     width: 6% ;
+ }
+ .letterV:hover, .letterP:hover, .letterI:hover {
+
+    float: left;  
+    margin: 5px; 
+     background-color: greenyellow;
+     height: 15%;
+     width: 15% ;
+ }
+
+
+
+p{
+
+
+    text-align: justify; 
+            font-size: 20px; 
+            margin-left: 5px ;
+            margin-right: 20px;
+            padding-bottom: 20px;
+            /*word-wrap: normal ;*/
+}
+            /*  first child  to change font on article one*/
+
+
+article:first-child {
+    font-family: 'bubblegum sans', Arial, sans-serif;
+    }
+    /* on hover to change text back*/
+    article:first-child:hover {
+        font-family: 'Times New Roman', Times, serif;
+        }
+
+
+
+.container {
+     margin: 20px;
+    background-color: #f1e9d2;
+    display: block;
+    padding-bottom: 30px;
+}
+
+
+
+.social{
+    padding: 20px;
+     text-align: center;
+
+}
+
+.fblink , .insta , .twitter , .linkedin {
+    text-align: center;
+     padding-right: 30px;   
+   }
+.bottombar {
+text-align: center;
+
+}
+
+.copyright , .privacy , .terms    {
+    padding-right: 30px; 
+}
+ address{
+     text-align: center;
+      font-size: 20px; 
+       padding-top: 20px;
+        font-family: cursive, noto, Lucida Sans, Arial ;
+ }
diff --git a/debug.log b/debug.log
@@ -0,0 +1 @@
+[1110/125404.772:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
diff --git a/images/I.jpg b/images/I.jpg
diff --git a/images/I2.jpg b/images/I2.jpg
diff --git a/images/V.jpg b/images/V.jpg
diff --git a/images/background.jpg b/images/background.jpg
diff --git a/images/bgpaper.jpg b/images/bgpaper.jpg
diff --git a/images/facebook.svg b/images/facebook.svg
diff --git a/images/insta.svg b/images/insta.svg
diff --git a/images/linkedin.svg b/images/linkedin.svg
diff --git a/images/p.jpg b/images/p.jpg
diff --git a/images/scroll.jpg b/images/scroll.jpg
diff --git a/images/source of images.txt b/images/source of images.txt
@@ -0,0 +1,26 @@
+
+
+
+
+
+  http://pinterest.com/pin/280700989244341903    source letter P     A to Z Post - P by Matthew
+
+
+
+  https://www.pinterest.co.uk/pin/457748749601133489/   Source letter I  clipart: initial letter I from late 15th century printed book
+
+
+
+  https://depositphotos.com/4538869/stock-photo-scroll-background.html  scroll
+
+
+
+  https://www.smashingmagazine.com/2012/04/drop-caps-historical-use-and-current-best-practices/  intro drop caps article
+
+
+
+
+  https://etc.usf.edu/presentations/extras/letters/drop_caps/09/034/index.html LETTER i2
+
+
+
diff --git a/images/twitter.svg b/images/twitter.svg
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		[1110/125404.772:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)