diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..48548fa Binary files /dev/null and b/.DS_Store differ diff --git a/Bouquet pic.jpg b/Bouquet pic.jpg new file mode 100644 index 0000000..0b61482 Binary files /dev/null and b/Bouquet pic.jpg differ diff --git a/css/styles.css b/css/styles.css index 8a60244..1a57eed 100644 --- a/css/styles.css +++ b/css/styles.css @@ -3,5 +3,23 @@ body { } .starter-template { padding: 3rem 1.5rem; - text-align: center; -} \ No newline at end of file + text-align: left; + + background-color: #800080; + background-image: linear-gradient(141deg, #9fb8ad 0%, #1fc8db 51%, #2cb5e8 75%); + color: white; + opacity: 0.95;} + +.carousel-item { + width: 500px; + height: 600px; +} + +."btn-primary" { + height:200px; + width:200px; +} + +.nav-item a{ + font-family: Verdana !important; +} diff --git a/example.html b/example.html new file mode 100644 index 0000000..94f85da --- /dev/null +++ b/example.html @@ -0,0 +1,36 @@ + + + + + + + +About Us + + diff --git a/images/christmas.jpg b/images/christmas.jpg new file mode 100644 index 0000000..356dbf8 Binary files /dev/null and b/images/christmas.jpg differ diff --git a/images/dogcute.jpg b/images/dogcute.jpg new file mode 100644 index 0000000..4be47e0 Binary files /dev/null and b/images/dogcute.jpg differ diff --git a/images/fluffy.jpg b/images/fluffy.jpg new file mode 100644 index 0000000..212924a Binary files /dev/null and b/images/fluffy.jpg differ diff --git a/images/kids.jpg b/images/kids.jpg new file mode 100644 index 0000000..5c12338 Binary files /dev/null and b/images/kids.jpg differ diff --git a/images/pig.jpg b/images/pig.jpg new file mode 100644 index 0000000..5c6c77c Binary files /dev/null and b/images/pig.jpg differ diff --git a/images/teenagers.jpg b/images/teenagers.jpg new file mode 100644 index 0000000..68cdd53 Binary files /dev/null and b/images/teenagers.jpg differ diff --git a/index.html b/index.html index a4670a4..ff5ec76 100644 --- a/index.html +++ b/index.html @@ -6,9 +6,8 @@ - Starter Template for Bootstrap - + @@ -16,29 +15,47 @@ - -
+
+

Bootstrap starter template

Use this document as a way to quickly start any new project.
All you get is this text and a mostly barebones HTML document.

@@ -47,19 +64,36 @@

Bootstrap starter template

- - One of three columns +
+
Header
+
+
Primary card title
+

Some quick example text to build on the card title and make up the bulk of the card's content.

+
+
- - One of three columns +
+ ... +
+
Card title
+

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+

Last updated 3 mins ago

+
+
+
- - One of three columns +
+
+
Special title treatment
+

With supporting text below as a natural lead-in to additional content.

+ Go somewhere +
+
- +
diff --git a/indexabout.css b/indexabout.css new file mode 100644 index 0000000..cf223d4 --- /dev/null +++ b/indexabout.css @@ -0,0 +1,73 @@ + +body { +  font-family: Arial; +} + +* { +  box-sizing: border-box; +} + +h2 { + font-family: Arial; + font-size: 40px; +} + +p#description { + font-family: Arial; + font-size: 30; +} +/* Style inputs */ +input[type=text], select, textarea { + font-family: Arial !important; +  width: 100%; +  padding: 12px; +  border: 1px solid #ccc; +  margin-top: 6px; +  margin-bottom: 30px; +  resize: vertical; +} + +input[type=submit] { +  background-color: #FFB6C1; +  color: white; +  padding: 12px 20px; +  border: none; +  cursor: pointer; +} + + +} + +/* Style the container/contact section */ +.container { +  border-radius: 5px; +  background-color: #f2f2f2; +  padding: 10px; +} + +/* Create two columns that float next to eachother */ +.column { +  float: left; +  width: 50%; +  margin-top: 6px; +  padding: 20px; +} + +/* Clear floats after the columns */ +.row:after { +  content: ""; +  display: table; +  clear: both; +} + + +@media screen and (max-width: 600px) { +  .column, input[type=submit] { +    width: 100%; +    margin-top: 0; +  } +} + +#contact{ + +} diff --git a/indexabout.html b/indexabout.html new file mode 100644 index 0000000..0d98e8e --- /dev/null +++ b/indexabout.html @@ -0,0 +1,29 @@ + + + + + + +
+  
+    

About Us

+    

+    

We’re four girls looking to offer inspiration for those planning their big day!

+    +  
+  
+    
+       +    
+    
+      
+         +         +     +      
+    
+  
+
+ + +