![](assets/4chan.png)
commit 3b8b7726dbe00a4e75d58980b4c5f17363da0a41 Author: scoliono <2191476+scoliono@users.noreply.github.com> Date: Mon Apr 26 22:31:09 2021 -0700 initial commit diff --git a/assets/101.jpg b/assets/101.jpg new file mode 100644 index 0000000..b9ceb12 Binary files /dev/null and b/assets/101.jpg differ diff --git a/assets/4chan.png b/assets/4chan.png new file mode 100644 index 0000000..2baed50 Binary files /dev/null and b/assets/4chan.png differ diff --git a/assets/Navigo-Bold.ttf b/assets/Navigo-Bold.ttf new file mode 100644 index 0000000..4756863 Binary files /dev/null and b/assets/Navigo-Bold.ttf differ diff --git a/assets/bote.jpg b/assets/bote.jpg new file mode 100644 index 0000000..4332210 Binary files /dev/null and b/assets/bote.jpg differ diff --git a/assets/carwash.jpg b/assets/carwash.jpg new file mode 100644 index 0000000..8461d45 Binary files /dev/null and b/assets/carwash.jpg differ diff --git a/assets/civic.jpg b/assets/civic.jpg new file mode 100644 index 0000000..f6a17a0 Binary files /dev/null and b/assets/civic.jpg differ diff --git a/assets/myles.jpg b/assets/myles.jpg new file mode 100644 index 0000000..a07ef08 Binary files /dev/null and b/assets/myles.jpg differ diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..863cede --- /dev/null +++ b/css/main.css @@ -0,0 +1,97 @@ +* { + --page-bg: rgb(22, 41, 216); + --banner-bg: rgb(255, 255, 255); + --button-bg: rgb(234, 215, 73); + --button-hover: rgb(219, 200, 58); + --button-text: #000; + --button-text-hover: #FFF; + --link-hover: gray; +} + +@font-face { + font-family: Navigo Bold; + src: url(../assets/Navigo-Bold.ttf); +} + +body { + font-family: Navigo Bold; + background-color: var(--page-bg); + scroll-behavior: smooth; +} + +a { + text-decoration: none; +} + +nav { + position: sticky; + top: 0; + z-index: 9; + display: flex; + background-color: var(--page-bg); +} + +nav a { + color: var(--banner-bg); + font-size: 40px; + flex: 1 0 0; + text-align: center; + margin: 2.5rem; +} + +nav a:hover { + color: var(--link-hover); +} + +.main-banner { + position: relative; + background-color: var(--banner-bg); + top: 6rem; + left: 4.5rem; + padding: 1rem 2.5rem; + width: 550px; +} + +.main-banner-buttons { + display: flex; +} + +.main-banner-buttons a { + display: inline-block; + margin: 0 auto; + text-align: center; + width: 10rem; + background-color: var(--button-bg); + padding: 1rem 0; + color: var(--button-text); + font-size: 30px; +} + +.main-banner-buttons a:hover { + background-color: var(--button-hover); + color: var(--button-text-hover); +} + +.fullpage { + height: 100vh; + background-size: cover; +} + +#landing {; +} + +#about { + background-image: url(../assets/civic.jpg); +} + +#contact { + background-image: url(../assets/myles.jpg); +} + +#donate { + background-image: url(../assets/carwash.jpg); +} + +#joinus { + background-image: url(../assets/bote.jpg); +} diff --git a/index.html b/index.html new file mode 100644 index 0000000..b9dfb4d --- /dev/null +++ b/index.html @@ -0,0 +1,37 @@ + + +
+ + + +