Add files via upload

kamlendras · May 6, 2024 · 29f1613 · 29f1613
1 parent 3b21c06
commit 29f1613
Show file tree

Hide file tree

Showing 13 changed files with 1,753 additions and 0 deletions.
diff --git a/app/_styles/Ask.module.css b/app/_styles/Ask.module.css
@@ -0,0 +1,277 @@
+.void {
+  display: flex;
+  height: 100vh;
+  max-width: 1300px;
+  margin-left: auto;
+  margin-right: auto;
+  padding: 0 10px;
+}
+
+
+
+.sidebar1 {
+  border-right: 1px solid #1565c0;
+  flex: 0.3;
+  /* min-width: 250px; */
+  margin-top: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+  /* color: #2196f3; */
+
+  text-decoration: none;
+}
+
+.active {
+  text-decoration: none;
+}
+
+.sidebar__tweet1 {
+  background-color: var(--twitter-color) !important;
+  border: none !important;
+  color: rgb(255, 255, 255) !important;
+  font-weight: 900 !important;
+  text-transform: inherit !important;
+  border-radius: 30px !important;
+  height: 50px !important;
+  margin-top: 20px !important;
+}
+
+.cc4 {
+  text-decoration: none;
+  color: #212121;
+}
+
+.sidebar {
+  border-right: 1px solid rgb(231, 231, 231);
+  flex: 0.3;
+  /* min-width: 250px; */
+  margin-top: 20px;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.sidebartwitterIcon {
+  color: #1a73e8;
+  font-size: 30px !important;
+  margin-left: 20px;
+  margin-bottom: 20px;
+}
+
+.sidebartweet {
+  background-color: #1a73e8 !important;
+  border: none !important;
+  color: rgb(255, 255, 255) !important;
+  font-weight: 900 !important;
+  text-transform: inherit !important;
+  border-radius: 30px !important;
+  height: 50px !important;
+  margin-top: 20px !important;
+}
+.sidebartweets {
+  background-color: #1a73e8 !important;
+  border: none !important;
+  color: rgb(255, 255, 255) !important;
+  /* font-weight: 900 !important; */
+  text-transform: inherit !important;
+  border-radius: 30px !important;
+  /* height: 50px !important; */
+  /* margin-top: 20px !important; */
+}
+
+.feed {
+  flex: 0.5;
+  border-right: 1px solid var(--twitter-background);
+  min-width: fit-content;
+  overflow-y: scroll;
+}
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.feed::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.feed {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
+.feed__header {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+
+}
+
+
+.t__t {
+  background-color: var(--twitter-color) !important;
+  border: none !important;
+  color: white !important;
+  font-weight: 900 !important;
+  text-transform: inherit !important;
+  border-radius: 30px !important;
+  width: 100px;
+  height: 40px !important;
+  margin-top: -10px !important;
+  /* margin-left: auto !important; */
+}
+
+.tweetBox {
+  padding-bottom: 10px;
+  border-bottom: 1px solid #1a73e8;
+  padding-right: 10px;
+}
+
+.tweetBox > form {
+  display: flex;
+  flex-direction: column;
+}
+
+.tweetBox__input {
+  padding: 20px;
+  display: flex;
+}
+
+.tweetBox__input > input {
+  flex: 1;
+  margin-left: 20px;
+  font-size: 20px;
+  border: none;
+}
+
+.tweetBox__imageInput {
+  border: none;
+  padding: 10px;
+}
+
+.tweetBox__tweetButton {
+  background-color: #1a73e8 !important;
+  border: none !important;
+  color: white !important;
+  font-weight: 900 !important;
+  text-transform: inherit !important;
+  border-radius: 30px !important;
+  width: 80px;
+  height: 40px !important;
+  margin-top: 20px !important;
+  margin-left: auto !important;
+}
+
+
+.post {
+  display: flex;
+  align-items: flex-start;
+  border-bottom: 1px solid #1a73e8;
+  padding-bottom: 10px;
+  outline: 4px solid rgb(255, 255, 255);
+}
+
+.post__body {
+  flex: 1;
+  padding: 10px;
+}
+
+.post__body > img {
+  border-radius: 20px;
+}
+
+.post__footer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 20px;
+}
+
+.post__headerDescription {
+  margin-bottom: 10px;
+  font-size: 15px;
+}
+
+.post__headerText > h3 {
+  font-size: 15px;
+  margin-bottom: 5px;
+}
+
+.post__badge {
+  font-size: 14px !important;
+  color: var(--twitter-color);
+}
+
+.post__headerSpecial {
+  font-weight: 600;
+  font-size: 12px;
+  color: gray;
+}
+
+.post__avatar {
+  padding: 20px;
+}
+
+.w__i {
+  display: flex;
+  align-items: center;
+  background-color: var(--twitter-background);
+  margin: 10px;
+  border-radius: 20px;
+  /* margin-top: 10px; */
+  /* margin-left: 20px; */
+}
+.pick {
+  border-radius: 50px;
+  border: none;
+  outline: none;
+}
+.pick2 {
+  position: relative;
+  left: 200px;
+}
+.widgets {
+  flex: 0.3;
+  overflow-y: scroll;
+}
+
+/* Hide scrollbar for Chrome, Safari and Opera */
+.widgets::-webkit-scrollbar {
+  display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+.widgets {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
+.widgets__input {
+  display: flex;
+  align-items: center;
+  background-color: var(--twitter-background);
+  padding: 10px;
+  border-radius: 20px;
+  margin-top: 10px;
+  margin-left: 20px;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+
+.widgets__input > input {
+  border: none;
+  background-color: var(--twitter-background);
+}
+
+.widgets__searchIcon {
+  color: gray;
+}
+
+.widgets__widgetContainer {
+  margin-top: 15px;
+  margin-left: 20px;
+  padding: 20px;
+  background-color: #f5f8fa;
+  border-radius: 20px;
+}
+
+.widgets__widgetContainer > h2 {
+  font-size: 16px;
+  font-weight: 600;
+}
diff --git a/app/_styles/Bookmarks.module.css b/app/_styles/Bookmarks.module.css
@@ -0,0 +1,44 @@
+.Footern{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: absolute;
+     right: 0;
+    left: 0;
+    /* top: 0;  */
+    bottom: 0;
+    margin: auto;
+color: rgb(255, 255, 255);
+}
+
+.Container{
+
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    text-align: center;
+    height: 100vh;
+}
+
+.Content{
+    margin-bottom: 10vw;
+    width: 100%;
+    position: relative;
+    min-height: 100vh;
+    box-sizing: border-box;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    padding: 80px 40px;
+    height: 100%;
+}
+
+.CTA{
+    max-width: 650px;
+    width: 100%;
+    display: flex;
+    flex-direction: column; 
+
+}
+
diff --git a/app/_styles/Code.module.css b/app/_styles/Code.module.css
@@ -0,0 +1,19 @@
+.grid{
+  margin-top: 5rem;
+    display: inline-grid;
+    grid-template-columns: auto auto auto;
+    margin-left: 1rem;
+    margin-right: 1rem;
+    margin-bottom: 0.5rem;
+    grid-gap: 0px 0rem;
+    background-color: rgb(204, 236, 255);
+
+  }
+
+  .body{
+    background-color: rgb(255, 255, 255) !important;
+
+  }
+  .icodev{
+margin-top: 6rem;
+  }
diff --git a/app/_styles/Courses.module.css b/app/_styles/Courses.module.css
@@ -0,0 +1,35 @@
+.Swiper {
+  margin-bottom: 20rem;
+  display: flex;
+  margin-top: 6rem;
+}
+
+
+.grid{
+
+  display: inline-grid;
+  grid-template-columns: auto auto auto;
+  margin-left: 0.34rem; 
+  margin-right: 0.34rem;
+   margin-bottom: 0.34rem;
+  grid-gap: 0px 0rem;
+  /* background-color: rgb(204, 236, 255); */
+
+} 
+
+@media only screen and (max-width: 600px) {
+
+  .grid{
+
+    display: inline-grid;
+    grid-template-columns: auto auto auto;
+    margin-left: 0rem;
+    margin-right: 0rem;
+    margin-bottom: 0rem;
+    grid-gap: 0px 0rem;
+    background-color: rgb(204, 236, 255);
+
+  } 
+
+
+}