diff --git a/imgs/ealogo.png b/imgs/ealogo.png new file mode 100644 index 00000000..5a560b0c Binary files /dev/null and b/imgs/ealogo.png differ diff --git a/imgs/ffgroup.png b/imgs/ffgroup.png new file mode 100644 index 00000000..994e4b92 Binary files /dev/null and b/imgs/ffgroup.png differ diff --git a/imgs/something.png b/imgs/something.png index 6d6da049..abc6e4d0 100644 Binary files a/imgs/something.png and b/imgs/something.png differ diff --git a/imgs/surprisebot.PNG b/imgs/surprisebot.PNG new file mode 100644 index 00000000..782f55da Binary files /dev/null and b/imgs/surprisebot.PNG differ diff --git a/index.html b/index.html index 138bc7d5..1482aca8 100644 --- a/index.html +++ b/index.html @@ -26,6 +26,48 @@

Activity

+

Middle School Programs

+
+
+ +

+ + Form and Function + +

+

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free + weekly + after-school program helps you transform the web into a canvas for your ideas. Interactive projects, + demos, + and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique + website. +

+ Click here to learn more and sign + up! +
+
+ +

+ + Hello World + +

+

Hello World is a summer camp for motivated girls to learn to build their own websites, getting + down-and-dirty + with real code. Every camper will learn the principles of front-end web development and the + heart of + CSS, + HTML, and JavaScript. Moreover, she’ll get the techniques, resources, and passion to continue + tinkering + with + code for the rest of her life! +

+ Click here to learn more! +
+
+
+ +

High School Programs

@@ -62,177 +104,3 @@

- -
-
-

Middle School Programs

-
-
-

- - Form and Function - -

-

Form and Function gives middle schoolers the power to crack the “code” of web development! Our free - weekly - after-school program helps you transform the web into a canvas for your ideas. Interactive projects, - demos, - and individual help will teach you how to use HTML, CSS, and JavaScript to create your own unique - website. -

- Click here to learn more and sign - up! - -
- -
- -
- -
- -
- -
-
-

- - Hello World - -

-

Hello World is a summer camp for motivated girls to learn to build their own websites, getting - down-and-dirty - with real code. Every camper will learn the principles of front-end web development and the - heart of - CSS, - HTML, and JavaScript. Moreover, she’ll get the techniques, resources, and passion to continue - tinkering - with - code for the rest of her life! -

- Click here to learn more! - -
-
-
-
-
- - - - - - - - - - - - - \ No newline at end of file diff --git a/styles/index.scss b/styles/index.scss index 4ca8014d..0e1a20f0 100644 --- a/styles/index.scss +++ b/styles/index.scss @@ -2,17 +2,10 @@ --- @import 'variables'; -.bot { - margin-top: 20px; -} .section img { - height: 200px; - padding-left: 75px; -} - -#righttext { - flex-grow: 10; + height: 400px; + margin-left: 0; } .no-margin { @@ -24,9 +17,24 @@ } } -#pumpkin { - width: 225px; - height: auto; +.flexcontain { + display: flex; +} + +.boximg { + object-fit: cover; + width: 100%; + margin: 0; +} + +@media only screen and (max-width: 768px) { + .section img { + height: 200px; + } + #pumpkin { + width: 225px; + height: auto; + } } @media screen and (min-width: 992px) { @@ -36,15 +44,20 @@ } @media screen and (max-width: 767px) { - .computerbot { - display: none; - } #pumpkin { padding: 0; } - .bot { - display: block; - margin: auto; - padding-left: 0 !important; - } +} + +.bot { + margin-top: 20px; +} + +#righttext { + flex-grow: 10; +} + +#pumpkin { + width: 225px; + height: auto; } \ No newline at end of file