diff --git a/image.png b/image.png
new file mode 100644
index 00000000..be4bb579
Binary files /dev/null and b/image.png differ
diff --git a/image3.png b/image3.png
new file mode 100644
index 00000000..b6baa0e3
Binary files /dev/null and b/image3.png differ
diff --git a/index.html b/index.html
new file mode 100644
index 00000000..98c0aabb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,195 @@
+
+
+
+ Twitter
+
+
+
+
+
+
+
+
+
+
+
diff --git a/profil1.png b/profil1.png
new file mode 100644
index 00000000..7e735c88
Binary files /dev/null and b/profil1.png differ
diff --git a/profile2.png b/profile2.png
new file mode 100644
index 00000000..08ce423d
Binary files /dev/null and b/profile2.png differ
diff --git a/style.css b/style.css
new file mode 100644
index 00000000..d225fa07
--- /dev/null
+++ b/style.css
@@ -0,0 +1,272 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+html,
+body {
+ width: 100%;
+ height: 100%;
+ font-family: Arial, sans-serif;
+ background-color: #ffffff;
+ color: #333;
+}
+
+.container {
+ display: grid;
+ grid-template-columns: 1fr 3fr 1fr;
+ gap: 10px;
+ min-height: 100vh;
+}
+
+.sidebar {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ background-color: #f5f5f5;
+ padding: 20px;
+}
+
+.sidebar ul {
+ list-style: none;
+}
+
+.sidebar li {
+ margin-bottom: 20px;
+}
+
+.sidebar a {
+ text-decoration: none;
+ color: #333;
+ display: flex;
+ align-items: center;
+}
+
+.logo-icon {
+ width: 40px;
+ height: 40px;
+ margin-bottom: 20px;
+}
+
+.icon {
+ margin-right: 10px;
+ width: 24px;
+ height: 24px;
+}
+
+.tweet-button {
+ background-color: #1da1f2;
+ color: white;
+ border: none;
+ padding: 10px 20px;
+ cursor: pointer;
+ width: 100%;
+ text-align: center;
+ margin-top: 20px;
+}
+
+.profile-section {
+ display: flex;
+ align-items: center;
+ margin-top: 20px;
+}
+
+.profile-photo {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ margin-right: 10px;
+}
+
+.profile-name {
+ font-weight: bold;
+}
+
+.main-content {
+ grid-column: 2 / 3;
+ background-color: #ffffff;
+ padding: 20px;
+}
+
+.header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-bottom: 20px;
+}
+
+.header h1 {
+ font-size: 24px;
+}
+
+.tweet-box {
+ display: flex;
+ align-items: flex-start;
+ padding: 10px;
+ border: 1px solid #ddd;
+ border-radius: 10px;
+ margin-bottom: 20px;
+}
+
+.tweet-box textarea {
+ width: 100%;
+ padding: 10px;
+ border: 1px solid #ddd;
+ border-radius: 10px;
+ margin-left: 10px;
+ resize: none;
+}
+
+.tweet-box-photo {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+}
+
+.tweet-options {
+ display: flex;
+ justify-content: flex-end;
+ width: 100%;
+}
+
+.tweet-btn {
+ background-color: #1da1f2;
+ color: #fff;
+ border: none;
+ padding: 10px 20px;
+ border-radius: 20px;
+ cursor: pointer;
+ margin-top: 10px;
+}
+
+.tweet-feed {
+ display: flex;
+ flex-direction: column;
+}
+
+.tweet {
+ display: flex;
+ padding: 10px;
+ border-bottom: 1px solid #ddd;
+ margin-top: 10px;
+}
+
+.profile-pic {
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ margin-right: 10px;
+}
+
+.tweet-content {
+ flex-grow: 1;
+}
+
+.tweet-content h2 {
+ font-size: 16px;
+ font-weight: bold;
+ margin-bottom: 5px;
+}
+
+.tweet-content p {
+ margin-bottom: 5px;
+}
+
+.tweet-content a {
+ color: #1da1f2;
+ text-decoration: none;
+}
+
+.tweet-icons {
+ display: flex;
+ justify-content: space-between;
+ width: 100px;
+ margin-top: 10px;
+ color: #657786;
+}
+
+.tweet-image {
+ width: 100%;
+ height: auto;
+ margin-top: 10px;
+ border-radius: 10px;
+}
+
+.right {
+ grid-column: 3 / 4;
+ background-color: #f5f5f5;
+ padding: 20px;
+}
+
+.search input {
+ width: 100%;
+ padding: 10px;
+ margin-bottom: 10px;
+ border: 1px solid #ddd;
+ border-radius: 20px;
+}
+
+.trending h2 {
+ margin-bottom: 10px;
+}
+
+.trending-item {
+ margin-bottom: 20px;
+}
+
+.trending-item p {
+ margin-bottom: 5px;
+}
+
+.trending-link a {
+ color: #1da1f2;
+ text-decoration: none;
+}
+
+.show-more a {
+ color: #1da1f2;
+ text-decoration: none;
+}
+
+.messages h2 {
+ margin-bottom: 10px;
+}
+
+.new-message {
+ display: flex;
+ flex-direction: column;
+ margin-top: 10px;
+}
+
+.new-message textarea {
+ width: 100%;
+ padding: 10px;
+ border: 1px solid #ddd;
+ border-radius: 10px;
+ margin-bottom: 10px;
+ resize: none;
+}
+
+.send-message-btn {
+ background-color: #1da1f2;
+ color: white;
+ border: none;
+ padding: 10px 20px;
+ cursor: pointer;
+ border-radius: 20px;
+ align-self: flex-end;
+}
+
+@media (max-width: 768px) {
+ .container {
+ grid-template-columns: 1fr;
+ }
+ .left,
+ .right {
+ display: none;
+ }
+ .main-content {
+ grid-column: 1 / 2;
+ }
+}
+ 
+
+
+ 
+