diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..f673a71b7 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/GreatVibes-Regular.ttf b/GreatVibes-Regular.ttf new file mode 100644 index 000000000..2e01be350 Binary files /dev/null and b/GreatVibes-Regular.ttf differ diff --git a/Great_Vibes.zip b/Great_Vibes.zip new file mode 100644 index 000000000..b0a051b63 Binary files /dev/null and b/Great_Vibes.zip differ diff --git a/OFL.txt b/OFL.txt new file mode 100644 index 000000000..854a62536 --- /dev/null +++ b/OFL.txt @@ -0,0 +1,94 @@ +Copyright (c) 2012, TypeSETit, LLC (typesetit@att.net), +with Reserved Font Name "Great Vibes" + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. diff --git a/img/deva-williamson-pZZJwwNPy2k-unsplash.jpg b/img/deva-williamson-pZZJwwNPy2k-unsplash.jpg new file mode 100644 index 000000000..303f0f30b Binary files /dev/null and b/img/deva-williamson-pZZJwwNPy2k-unsplash.jpg differ diff --git a/img/domonique-davenport-IyfwmOF6D14-unsplash.jpg b/img/domonique-davenport-IyfwmOF6D14-unsplash.jpg new file mode 100644 index 000000000..3e79d3c3d Binary files /dev/null and b/img/domonique-davenport-IyfwmOF6D14-unsplash.jpg differ diff --git a/img/download.jpg b/img/download.jpg new file mode 100644 index 000000000..122262a4d Binary files /dev/null and b/img/download.jpg differ diff --git a/img/facebook-icon.svg b/img/facebook-icon.svg new file mode 100644 index 000000000..b3e551475 --- /dev/null +++ b/img/facebook-icon.svg @@ -0,0 +1,5 @@ + + + \ No newline at end of file diff --git a/img/instagram-icon.svg b/img/instagram-icon.svg new file mode 100644 index 000000000..56e207086 --- /dev/null +++ b/img/instagram-icon.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + \ No newline at end of file diff --git a/img/kelvin-yup-a-niLBbZF4o-unsplash.jpg b/img/kelvin-yup-a-niLBbZF4o-unsplash.jpg new file mode 100644 index 000000000..e1db8b69a Binary files /dev/null and b/img/kelvin-yup-a-niLBbZF4o-unsplash.jpg differ diff --git a/img/menu-hamburger.svg b/img/menu-hamburger.svg new file mode 100644 index 000000000..d97acc7ff --- /dev/null +++ b/img/menu-hamburger.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/meritt-thomas-Ao09kk2ovB0-unsplash.jpg b/img/meritt-thomas-Ao09kk2ovB0-unsplash.jpg new file mode 100644 index 000000000..1c3445d6c Binary files /dev/null and b/img/meritt-thomas-Ao09kk2ovB0-unsplash.jpg differ diff --git a/img/photo-1495147466023-ac5c588e2e94.webp b/img/photo-1495147466023-ac5c588e2e94.webp new file mode 100644 index 000000000..5ff1d9e53 Binary files /dev/null and b/img/photo-1495147466023-ac5c588e2e94.webp differ diff --git a/img/photo-1597546594285-0f11a7ff3bff.webp b/img/photo-1597546594285-0f11a7ff3bff.webp new file mode 100644 index 000000000..e638d8a18 Binary files /dev/null and b/img/photo-1597546594285-0f11a7ff3bff.webp differ diff --git a/img/pratiksha-mohanty-SxHxyNx-6YI-unsplash.jpg b/img/pratiksha-mohanty-SxHxyNx-6YI-unsplash.jpg new file mode 100644 index 000000000..f67fea9c3 Binary files /dev/null and b/img/pratiksha-mohanty-SxHxyNx-6YI-unsplash.jpg differ diff --git a/img/twitter-icon.svg b/img/twitter-icon.svg new file mode 100644 index 000000000..a480cdbec --- /dev/null +++ b/img/twitter-icon.svg @@ -0,0 +1,4 @@ + + \ No newline at end of file diff --git a/index.html b/index.html index 60b1afe13..a9f24fb39 100644 --- a/index.html +++ b/index.html @@ -7,10 +7,112 @@ Responsive Cake webpage + + + - + +
+ + + + + +
+ +
+
+
+ + +

Travel

+ + +
+ + +

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti consequuntur.

+ +
+ +
+ +
+ +
+ + +
+ + + +
+ +
+ + + + + + \ No newline at end of file diff --git a/index1.html b/index1.html new file mode 100644 index 000000000..cf530e7b4 --- /dev/null +++ b/index1.html @@ -0,0 +1,34 @@ + + + +Bootstrap Example + + + + + + + + +
+
+

My First Bootstrap Page

+
+
+
+ ...Responsive image +
+
+ ...Responsive image +
+
+ ...Responsive image +
+
+ ...Responsive image +
+
+
+ + + \ No newline at end of file diff --git a/index2.html b/index2.html new file mode 100644 index 000000000..e30e8890e --- /dev/null +++ b/index2.html @@ -0,0 +1,55 @@ + + + + + + + + + Responsive Cake webpage + + + + +
+
+ + + + +

+ The Cake Refinery +

+ + + + + + +
+
+
+
cake1
+
cake2
+
cake3
+
cake4
+
+
+
+ + +
+ + + \ No newline at end of file diff --git a/index3.html b/index3.html new file mode 100644 index 000000000..5d0b03e2a --- /dev/null +++ b/index3.html @@ -0,0 +1,145 @@ + + + + + +Responsive Cake Website Project-Retreat Cakes + + + + + + + + + +
+
+
+
+
+
+ + yellow face eating m&m's cake + +
+
+ +

The best cakes in town
delivered to your door.

+
+
+
+
+
+ + +
+
+
+

Welcome

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam tenetur, exercitationem quae impedit + nisi vel. Aliquid, quasi possimus consequuntur laboriosam optio, iusto voluptates veniam, facilis + magnam harum molestias impedit asperiores.

+
+
+ +
+
+ yellow face eating m&m's cake +
+
+
+ + +
+
+
+
+ white plates with a variety of cupcakes with artistic icing on it +
+
+
+
+ chocolate cupcake with mint icing +
+
+
+
+
+ monster tree birthday cake +
+
+
+
+ pastel color wedding cake with artistic flowers made of icing +
+
+
+
+ +
+
+
+ +

Sign-up Here, for more info.

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

Copyright © 2020 Retreat Cakes, Inc.

+ +
+
+
+
+ + \ No newline at end of file diff --git a/index4.html b/index4.html new file mode 100644 index 000000000..aaa6e9139 --- /dev/null +++ b/index4.html @@ -0,0 +1,47 @@ + + + + + + + Responsive Cake Document + + + + + + +
+
+
Logo & Navbar
+
+
+

Welcome to my Cake Shop

+

+ Lorem ipsum dolor sit, + Iusto velit architecto aut voluptatibus + quo molestias possimus, +

+
+
+ Pastel plum color wedding cake with two flowers made of icing on top and five small cream cupcakes on the table +
+
+ Green wood log cake with brown thorny horns on a horizontal sliced tree trunk base +
+
+ Delicious cupcakes placed in the shape of square, with fruity toppings +
+
+ Chocolate cupcake with mint-green icing +
+
+ Variety of five cupcakes on each of the four plate +
+
form
+
copyright
+
+ + + \ No newline at end of file diff --git a/style.css b/style.css index 6de1b3567..9d6a2c331 100644 --- a/style.css +++ b/style.css @@ -1 +1,15 @@ /* Add your styling here */ +html, +body, +header, +#intro { + height: 100%; +} + +#intro { + background: url("img/deva-williamson-pZZJwwNPy2k-unsplash.jpg")no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; + background-size: cover; +} \ No newline at end of file diff --git a/style3.css b/style3.css new file mode 100644 index 000000000..11d2d938e --- /dev/null +++ b/style3.css @@ -0,0 +1,46 @@ +.row > div{ + margin-bottom: 15px; +} +.header{ + min-height: 90px; +} +.footer{ + min-height: 60px; + color: rgb(253, 252, 252); +} +.header, .footer{ + /* background: lightblue; */ + border: 2px solid lightblue; + +} + +} +.sidebar{ + background: #dbdfe5; + border: 2px solid lightblue; + +} +.intro{ + background:lightblue; + min-height: 250px; + border: 2px solid lightblue; + +} +.section{ + min-height: 150px; + background: #dbdfe5; + border: 2px solid lightblue; + +} +.section.bg-alt{ + background: #b4bac0; + border: 2px solid lightblue; +} + +@media (min-width: 540px) { + +} + +@media (min-width: 900px) { + +} \ No newline at end of file diff --git a/style4.css b/style4.css new file mode 100644 index 000000000..0b411404b --- /dev/null +++ b/style4.css @@ -0,0 +1,70 @@ +/* / +h1 { + color: blueviolet; + font-size: medium; +} +/* +h1 = selector +color = is a Property +blueviolet = is a Value +{color: blueviolet} = is a Declaration +; = is used to add another declaration inside the curly braces +{} = surrounds a Declaration Block + +Element Selector +p { + text-align: center; + color: chocolate; +} + +id Selector +#cake { + text-align: center; + color: chocolate; +} + +class Selector +.cake { + text-align: center; + color: chocolate; +} + +element with class Selector +p.cake { + text-align: center; + color: chocolate; +} +*/ +* { + box-sizing: border-box; +} + +body { + margin: 0; + font-family: 'Courier New', Courier, monospace; +} + + +img { + max-width: 100%; + height: auto; +} + +.flex-container { + display: flex; + flex-direction: column; + background-color: blueviolet; + padding: 10px; +} +.flex-container > div { + background-color: cornflowerblue; + margin: 10px; + padding: 20px; + font-size: 30px; +} + +@media (min-width: 540px) { + .flex-container { + flex-direction: row; + } +} \ No newline at end of file