diff --git "a/Be\305\237gen - Pentagon/index.html" "b/Be\305\237gen - Pentagon/index.html"
new file mode 100644
index 0000000..0acd7af
--- /dev/null
+++ "b/Be\305\237gen - Pentagon/index.html"
@@ -0,0 +1,17 @@
+
+
+
+
+
+
+ Beşgen
+
+
+
diff --git a/Bmw Logo/index.html b/Bmw Logo/index.html
new file mode 100644
index 0000000..aaac59d
--- /dev/null
+++ b/Bmw Logo/index.html
@@ -0,0 +1,7 @@
+
+BMW Logo
+
+ B
+ M
+ W
+
diff --git a/Bmw Logo/style.css b/Bmw Logo/style.css
new file mode 100644
index 0000000..524c43e
--- /dev/null
+++ b/Bmw Logo/style.css
@@ -0,0 +1,53 @@
+body {
+ margin:5px;
+ height: 100vh;
+ display: grid;
+ place-items: center;
+ background-color: #131313;
+}
+
+.bmw {
+ width: 150px;
+ height: 150px;
+ border: 50px solid #000;
+ box-shadow: 0 0 0 6px #777, inset 0 0 0 7px #777;
+ border-radius: 50%;
+ position: relative;
+}
+
+.bmw::before {
+ position: absolute;
+ content: "";
+ top: 0;
+ left: 0;
+ width: 75px;
+ height: 75px;
+ background-color: #008ac9;
+ box-shadow: 75px 75px 0 #008ac9, 40px 40px 0 50px #fff;
+ z-index: -1;
+}
+
+.bmw span {
+ position: absolute;
+ color: #fff;
+ font-size: 50px;
+ font-family: helvetica;
+ font-weight: bold;
+}
+
+.bmw span:first-child {
+ left: -12px;
+ top: -25px;
+ transform: rotate(-46deg);
+}
+
+.bmw span:nth-child(2) {
+ left: 50%;
+ top: -52px;
+ transform: translateX(-50%);
+}
+.bmw span:last-child {
+ top: -19px;
+ right: -22px;
+ transform: rotate(49deg);
+}
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..b2e25d2
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,15 @@
+## Contributing
+
+Thank you for considering contributing to this project! To ensure a smooth collaboration, please follow these guidelines:
+
+1. Fork the repository and create your branch from `main`.
+2. Make sure your code follows the project's coding style and conventions.
+3. Write clear and concise commit messages.
+4. Test your changes thoroughly before submitting a pull request.
+5. Provide a detailed description of your changes in the pull request.
+6. Be respectful and considerate towards other contributors.
+
+By contributing to this project, you agree to abide by the [Code of Conduct](/path/to/code_of_conduct.md).
+
+We appreciate your contributions and look forward to your pull requests!
+
diff --git a/Daire - Circle/index.html b/Daire - Circle/index.html
new file mode 100644
index 0000000..a0cccbc
--- /dev/null
+++ b/Daire - Circle/index.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+ Daire
+
+
+
+ Daire
+
+
+
diff --git a/Dinasour - Animation/index.html b/Dinasour - Animation/index.html
new file mode 100644
index 0000000..a326e47
--- /dev/null
+++ b/Dinasour - Animation/index.html
@@ -0,0 +1,9 @@
+Dino
+
+
diff --git a/Dinasour - Animation/style.css b/Dinasour - Animation/style.css
new file mode 100644
index 0000000..592fee7
--- /dev/null
+++ b/Dinasour - Animation/style.css
@@ -0,0 +1,27 @@
+body {
+ height: 100vh;
+ display: grid;
+ place-items: center;
+ overflow: hidden;
+ background: #222;
+}
+svg {
+ fill: #cad;
+ max-width: 60vmin;
+}
+
+#solBacak,
+#sagBacak{
+ animation: bacaklar 0.4s infinite steps(2);
+}
+
+#sagBacak{
+ animation-delay: -0.2s;
+}
+
+@keyframes bacaklar {
+ to {
+ transform: translateY(-10%);
+ }
+}
+
diff --git a/Gece Animasyonu - Night Animation/index.html b/Gece Animasyonu - Night Animation/index.html
new file mode 100644
index 0000000..f2c6b53
--- /dev/null
+++ b/Gece Animasyonu - Night Animation/index.html
@@ -0,0 +1,78 @@
+
+
+
+
+
+ Gece Animasyonu
+
+
+
+
+
+
+
diff --git a/Google-Logo/index.html b/Google-Logo/index.html
index c5b5f45..b4b9af9 100644
--- a/Google-Logo/index.html
+++ b/Google-Logo/index.html
@@ -1,135 +1,135 @@
-
-
-
-
-
- Google Logo
-
-
-
-
-
-
-
-
-
-
+ #logo {
+ position: relative;
+ width: 250px;
+ height: 250px;
+ border-radius: 50%;
+ margin-left: auto;
+ margin-right: auto;
+ overflow: hidden;
+ border: 25px solid #f1f1f1;
+ }
+ #logo::after {
+ position: absolute;
+ content: "";
+ display: block;
+ width: 60%;
+ height: 60%;
+ border-radius: 50%;
+ background: #f1f1f1;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: auto;
+ z-index: 4;
+ }
+ #logo::before {
+ position: absolute;
+ content: "";
+ display: block;
+ width: 35%;
+ height: 32%;
+ background: #f1f1f1;
+ right: 0;
+ z-index: 10;
+ bottom: 50%;
+ transform: rotateZ(45deg);
+ -webkit-transform: rotateZ(45deg);
+ }
+ .g {
+ width: 50%;
+ height: 20%;
+ background: #0091ea;
+ position: absolute;
+ right: 0;
+ margin: auto;
+ border-bottom-right-radius: 4px 20px;
+ top: 0;
+ bottom: 0;
+ z-index: 15;
+ }
+ .sari {
+ width: 40%;
+ height: 40%;
+ position: absolute;
+ left: -15%;
+ bottom: 32%;
+ margin: auto;
+ background: #ffc107;
+ transform: rotateZ(-48deg);
+ -webkit-transform: rotateZ(-48deg);
+ z-index: 3;
+ }
+ .yesil {
+ position: absolute;
+ width: 100%;
+ height: 50%;
+ bottom: 0;
+ border-radius: 0 0 100% 100%;
+ background: #4caf50;
+ z-index: 2;
+ }
+ .mavi {
+ position: absolute;
+ width: 0px;
+ height: 0px;
+ right: 0;
+ z-index: 30;
+ top: 50%;
+ z-index: 2;
+ width: 35%;
+ height: 32%;
+ background: #0091ea;
+ right: 0;
+ z-index: 2;
+ transform: rotateZ(45deg);
+ -webkit-transform: rotateZ(45deg);
+ }
+ .kirmizi {
+ width: 81%;
+ height: 50%;
+ position: absolute;
+ top: 0px;
+ background: #f44336;
+ }
+
+
+
+
-
-
-
-
\ No newline at end of file
+