Quick presentation of colors, fonts and styles

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

Élément	Description	Exemple
Aze	Aze	Aze
Aze	Aze	Aze
Aze	Aze	Aze

+ + diff --git a/html-css-cheatsheet-starting/styles.css b/html-css-cheatsheet-starting/styles.css new file mode 100644 index 0000000..ab9a3c1 --- /dev/null +++ b/html-css-cheatsheet-starting/styles.css @@ -0,0 +1,21 @@ +table { + margin: 0 auto; +} + +th, td { + border: 1px solid black; + padding: 10px; + width: 33vw; +} + +#column-1 { + background-color: lightblue; +} + +#column-2 { + background-color: lightgreen; +} + +#column-3 { + background-color: lightcoral; +} \ No newline at end of file diff --git a/off_platform_project_dasmotos_arts_and_crafts/index.html b/off_platform_project_dasmotos_arts_and_crafts/index.html new file mode 100644 index 0000000..85e0545 --- /dev/null +++ b/off_platform_project_dasmotos_arts_and_crafts/index.html @@ -0,0 +1,32 @@ + + + + + + Dasmoto's Arts & Crafts + + + + +

Brushes

Art Frames (assorted)

Made of the highest quality oak, Hacksaw brushes are known for their weight and ability to hold paint in large amounts. Available in different sizes. Starting at $3.00 / brush.

Frames

Hacksaw Brushes

Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs. Starting at $2.00 / frame.

Paint

Clean Finnish Paint

Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1 oz. to 8 oz.). Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork. Starting at $5.00 / tube.

+ + \ No newline at end of file diff --git a/off_platform_project_dasmotos_arts_and_crafts/resources/css/style.css b/off_platform_project_dasmotos_arts_and_crafts/resources/css/style.css new file mode 100644 index 0000000..427b786 --- /dev/null +++ b/off_platform_project_dasmotos_arts_and_crafts/resources/css/style.css @@ -0,0 +1,42 @@ +body { + font-family: Helvetica; +} + +h2 { + font-weight: bold; +} + +.header { + background-image: url(../img/pattern.jpeg); + font-size: 100px; + font-weight: bold; + color: khaki; + text-align: center; + margin: 0 auto; +} + +#price { + font-weight: bold; + color: blue; +} + +#brushes { + background-color: mediumspringgreen; + color: white; + font-weight: bold; + font-size: 32px; +} + +#frames { + background-color: lightcoral; + color: white; + font-weight: bold; + font-size: 32px; +} + +#paint { + background-color: skyblue; + color: white; + font-weight: bold; + font-size: 32px; +} \ No newline at end of file diff --git a/off_platform_project_dasmotos_arts_and_crafts/resources/img/finnish.jpeg b/off_platform_project_dasmotos_arts_and_crafts/resources/img/finnish.jpeg new file mode 100644 index 0000000..5bc536d Binary files /dev/null and b/off_platform_project_dasmotos_arts_and_crafts/resources/img/finnish.jpeg differ diff --git a/off_platform_project_dasmotos_arts_and_crafts/resources/img/frames.jpeg b/off_platform_project_dasmotos_arts_and_crafts/resources/img/frames.jpeg new file mode 100644 index 0000000..63b4f1d Binary files /dev/null and b/off_platform_project_dasmotos_arts_and_crafts/resources/img/frames.jpeg differ diff --git a/off_platform_project_dasmotos_arts_and_crafts/resources/img/hacksaw.jpeg b/off_platform_project_dasmotos_arts_and_crafts/resources/img/hacksaw.jpeg new file mode 100644 index 0000000..295366b Binary files /dev/null and b/off_platform_project_dasmotos_arts_and_crafts/resources/img/hacksaw.jpeg differ diff --git a/off_platform_project_dasmotos_arts_and_crafts/resources/img/pattern.jpeg b/off_platform_project_dasmotos_arts_and_crafts/resources/img/pattern.jpeg new file mode 100644 index 0000000..d7e892f Binary files /dev/null and b/off_platform_project_dasmotos_arts_and_crafts/resources/img/pattern.jpeg differ diff --git a/tea_cozy/img-tea-cozy-redline.jpg b/tea_cozy/img-tea-cozy-redline.jpg new file mode 100644 index 0000000..2c9acd4 Binary files /dev/null and b/tea_cozy/img-tea-cozy-redline.jpg differ diff --git a/tea_cozy/index.html b/tea_cozy/index.html new file mode 100644 index 0000000..2b3c879 --- /dev/null +++ b/tea_cozy/index.html @@ -0,0 +1,83 @@ + + + + + + Tea Cozy + + + + +

Our Mission

Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch, Fair Trade, Organic Tea

Tea of the Month

What's steeping at The Tea Cozy ?

Fall Berry Blitz Tea

Spiced Rum Tea

Seasonal Donuts

Myrtle Ave Tea

Bedford Bizarre Tea

Locations

Downtown

384 West 4th St
+ Suite 108
+ Portland, Maine

East Bayside

3433 Phisherman's Avenue
+ (Northwest Corner)
+ Portland, Maine

Oakdale

515 Crescent Avenue
+ Second Floor
+ Portland, Maine

The Tea Cozy

contact@theteacozy.com

917-555-8904

+ + + \ No newline at end of file diff --git a/tea_cozy/resources/css/style.css b/tea_cozy/resources/css/style.css new file mode 100644 index 0000000..9cf46b5 --- /dev/null +++ b/tea_cozy/resources/css/style.css @@ -0,0 +1,155 @@ +* { + font-family: Helvetica; + font-size: 22px; + color: seashell; + opacity: 0.9; + +} + +body { + margin-top: 69px; + background-color: rgba(0, 0, 0, 1); + text-align: center; +} + +/* Header */ + +.header { + z-index: 10; + position: fixed; + display: flex; + top: 0px; + height: 69px; + width: 100%; + border-bottom: 1px solid seashell; + align-items: center; + background-color: black; +} + +#header-img { + display: inline; + height: 50px; + margin-left: 10px; + flex-wrap: nowrap; + justify-content: left; + align-content: flex-start; +} + +header nav { + flex-wrap: nowrap; +} + +header nav a { + display: inline-block; + padding: 10px; + margin: 0 5px; + align-content: flex-end; +} + +/* Body */ + +/* Global */ + +h2 { + font-size: 1.5em; +} + +/* Our Mission */ + +.mission { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 90vw; + max-width: 1200px; + margin-top: 20px; +} + +.mission img { + object-fit: cover; + height: 700px; + width: 100%; + max-width: 1200px; +} + +.mission #center-band { + position: absolute; + z-index: 2; + width: 1200px; + background-color: black; + padding: 0px; + margin: 10px; +} + +.mission h2, .mission h4 { + background-color: transparent; + margin: 10px 0px; +} + +/* Tea of the month */ + +.tea-of-the-month .tea-month-gallery { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; + align-items: center; + gap: 30px; + width: 1000px; +} + +.tea-of-the-month .tea-month-img { + display: flex; + flex-direction: column; + align-content: stretch; +} + +.tea-of-the-month .tea-month-img img { + width: 300px; + height: 200px; + object-fit: cover; +} + +/* Locations */ + +.locations { + background-image: url(../imgs/img-locations-background.jpg); + background-size: cover; + height: 500px; +} + +.locations h2 { + padding-top: 70px; +} + +.locations .location-gallery { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: center; +} + +.locations .location { + background-color: black; + width: 300px; + height: 250px; + margin: 20px; + line-height: 2em; +} + +/* Contact section */ + +.contacts { + height: 200px; +} + +.contacts h5 { + font-size: 0.7em; +} + +/* Footer */ + +footer { + text-align: left !important; +} \ No newline at end of file diff --git a/tea_cozy/resources/imgs/img-bedford-bizarre.jpg b/tea_cozy/resources/imgs/img-bedford-bizarre.jpg new file mode 100644 index 0000000..58b497c Binary files /dev/null and b/tea_cozy/resources/imgs/img-bedford-bizarre.jpg differ diff --git a/tea_cozy/resources/imgs/img-berryblitz.jpg b/tea_cozy/resources/imgs/img-berryblitz.jpg new file mode 100644 index 0000000..c6bb01a Binary files /dev/null and b/tea_cozy/resources/imgs/img-berryblitz.jpg differ diff --git a/tea_cozy/resources/imgs/img-donut.jpg b/tea_cozy/resources/imgs/img-donut.jpg new file mode 100644 index 0000000..926854a Binary files /dev/null and b/tea_cozy/resources/imgs/img-donut.jpg differ diff --git a/tea_cozy/resources/imgs/img-locations-background.jpg b/tea_cozy/resources/imgs/img-locations-background.jpg new file mode 100644 index 0000000..2a2932f Binary files /dev/null and b/tea_cozy/resources/imgs/img-locations-background.jpg differ diff --git a/tea_cozy/resources/imgs/img-mission-background.jpg b/tea_cozy/resources/imgs/img-mission-background.jpg new file mode 100644 index 0000000..c5c3b94 Binary files /dev/null and b/tea_cozy/resources/imgs/img-mission-background.jpg differ diff --git a/tea_cozy/resources/imgs/img-myrtle-ave.jpg b/tea_cozy/resources/imgs/img-myrtle-ave.jpg new file mode 100644 index 0000000..2670a53 Binary files /dev/null and b/tea_cozy/resources/imgs/img-myrtle-ave.jpg differ diff --git a/tea_cozy/resources/imgs/img-spiced-rum.jpg b/tea_cozy/resources/imgs/img-spiced-rum.jpg new file mode 100644 index 0000000..1a78315 Binary files /dev/null and b/tea_cozy/resources/imgs/img-spiced-rum.jpg differ diff --git a/tea_cozy/resources/imgs/img-tea-cozy-logo.png b/tea_cozy/resources/imgs/img-tea-cozy-logo.png new file mode 100644 index 0000000..ad5b9e2 Binary files /dev/null and b/tea_cozy/resources/imgs/img-tea-cozy-logo.png differ

Quick presentation of colors, fonts and styles

Colors

Fonts

Limelight

Instrument Serif

Audiowide

Manufacturing Consent

Styles

SESIQ INDUSTRIAL

Our Mission

Our Products

Nebula-class Luxury ship

450.000 £

Blackhole-class "Line breaker" Racer ship

375.000 £

Moon-class Cargofret ship

600.000 £

Our Heroes

Testers

Protectors

Engineers

Our Hope

Security

Scalability

Continuous formation

Instant

FORMAT CAMERA

Advanced, automatic, instant

Shutter speed, apperture and flash output adjust automatically

Beautifully crafted inside-out

From the paint outside to the tiny screw inside, Fotomatic is crafted with love and 20-year of expertise

Over 20+ filters to choose from

Feed your creativity with 20 different filter designed by our eclectic in-house photographers!

Dasmoto's Arts & Crafts

Brushes

Art Frames (assorted)

Frames

Hacksaw Brushes

Paint

Clean Finnish Paint

Our Mission

Handpicked, Artisanally Curated, Free Range, Sustainable, Small Batch, Fair Trade, Organic Tea

Tea of the Month

What's steeping at The Tea Cozy ?

Fall Berry Blitz Tea

Spiced Rum Tea

Seasonal Donuts

Myrtle Ave Tea

Bedford Bizarre Tea

Locations

Downtown

East Bayside

Oakdale

The Tea Cozy

contact@theteacozy.com

917-555-8904