diff --git a/about.html b/about.html new file mode 100644 index 0000000..3c278d8 --- /dev/null +++ b/about.html @@ -0,0 +1,41 @@ + + + + + + + + + About Page + + +
+ Home + About + Portfolio + Contact +
+ +
+

About Me

+
+

Ren. Fair

+ Picture of me at the Colorado Renaissance Festival +

I'm a huge fan of going to the Colorado Renaissance Festival! I go a few times every year and I always make sure to dress up. +

+
+

Animals

+ Picture of my 3 cats +

I love animals, especially cats! I have three cats named Yin, Nami and Sanji. They are my babies and I love them so much! +

+

Outdoors

+ Picture of me in the river +

I love doing things outside! Like camping, swimming and riding my bike.

+
+ + + + +
+
+ diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..3ca66d1 --- /dev/null +++ b/contact.html @@ -0,0 +1,40 @@ + + + + + + + + Document + + +
+ Home + About + Portfolio + Contact +
+ +
+

Contact Me

+
+

Reach out to me!

+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+Pixel Image of a blonde girl with a cat +
+ \ No newline at end of file diff --git a/images/Screenshot 2025-07-25 092433.png b/images/Screenshot 2025-07-25 092433.png new file mode 100644 index 0000000..fca6716 Binary files /dev/null and b/images/Screenshot 2025-07-25 092433.png differ diff --git a/images/proimg1.jpg b/images/proimg1.jpg new file mode 100644 index 0000000..3bb43df Binary files /dev/null and b/images/proimg1.jpg differ diff --git a/images/proimg2.jpg b/images/proimg2.jpg new file mode 100644 index 0000000..5215bcc Binary files /dev/null and b/images/proimg2.jpg differ diff --git a/images/proimg3.jpg b/images/proimg3.jpg new file mode 100644 index 0000000..1fc9529 Binary files /dev/null and b/images/proimg3.jpg differ diff --git a/images/proimg4.jpg b/images/proimg4.jpg new file mode 100644 index 0000000..4dc0436 Binary files /dev/null and b/images/proimg4.jpg differ diff --git a/images/proimg5.jpg b/images/proimg5.jpg new file mode 100644 index 0000000..4cdd753 Binary files /dev/null and b/images/proimg5.jpg differ diff --git a/images/proimg6.jpg b/images/proimg6.jpg new file mode 100644 index 0000000..2b0636c Binary files /dev/null and b/images/proimg6.jpg differ diff --git a/images/proimg7.jpg b/images/proimg7.jpg new file mode 100644 index 0000000..362f1a3 Binary files /dev/null and b/images/proimg7.jpg differ diff --git a/index.css b/index.css new file mode 100644 index 0000000..e0a87eb --- /dev/null +++ b/index.css @@ -0,0 +1,93 @@ + +html { + background-color: pink; +} + +.info { + display: flex; + flex-direction: row; + gap: 8ch; + font-style: italic; + font-size: 1.5em; + justify-content: space-around; + color: black; + padding: .8%; + text-decoration: none; +} + +.name { + font-family: system-ui; + color: black; + font-size: 2rem; + padding: 2%; +} + +.image1 { + height: 500px; + width: 300px; + float: left; + padding: 1%; + margin: 200px 125px 80px; + box-shadow: 0 0 18px -2px black; +} + +.quote { + font-family: 'Courier New', Courier, monospace; + color: black; + font-size: 40px; + font-weight: 100; + text-shadow: 1px 1px 2px black; + text-align: center; + margin-top: 4em; +} + +.info2 { + font-family: cursive; + color: black; + font-size: 2.5rem; + padding: 3%; + +} + +.ect { + + border: 3px solid black; + margin-top: 50px; + margin-bottom: 100px; + background-color: whitesmoke; + +} + +.active { +border-bottom: 1px solid black; +} + +.header { + font-family: 'Courier New', Courier, monospace; + color: black; + font-size: 5rem; + text-align: center; + margin-top: 20px; + border-bottom: 5px solid black; + box-shadow: 0 0 18px -2px black; + background-color: whitesmoke; +} + +.section { + font-family: 'Courier New', Courier, monospace; + color: black; + font-size: 2rem; + text-align: center; + margin-top: 20px; + padding: 2%; +} + +.image2 { + box-shadow: 0 0 20px -2px black; +} + +.image3 { + box-shadow: 0 0 20px -2px black; + transform: rotate(-0.25turn); +} + diff --git a/index.html b/index.html new file mode 100644 index 0000000..49da072 --- /dev/null +++ b/index.html @@ -0,0 +1,33 @@ + + + + + + + + Personal Website + + +
+

Briana Sweet

+
+
+ Home + About + Portfolio + Contact +
+ +
+ Selfie of Briana Sweet +

Gamer, Coder, Cat Owner, Anime Lover

+

I want to grow my knowledge on web development and coding, because it's fun for me! +

+

+ "I don't stop when I'm tired. I only stop when I'm done." +
+ -Marilyn Monroe +

+
+ + diff --git a/index.js b/index.js new file mode 100644 index 0000000..dba1d3f --- /dev/null +++ b/index.js @@ -0,0 +1 @@ +console.log("Hello, My Name Is Briana Sweet!"); \ No newline at end of file diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..9053f5d --- /dev/null +++ b/portfolio.html @@ -0,0 +1,32 @@ + + + + + + + + Document + + +
+ Home + About + Portfolio + Contact +
+ +
+

Portfolio

+
+

Epiosde

+ Epiosde game logo +

This was my very first introduction to coding. This uses,I believe, SQL and JavaScript. It's a choice based story game for mobile devices. +

+
+

School Work

+ FullStack Academy Logo +

I have already made many mini projects since class has started! I plan to make websites for my families and friends with businesses to grow my portfolio.

+
+ +
+ \ No newline at end of file