-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
0 parents
commit 9eb32a1
Showing
3 changed files
with
188 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,66 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=1366, height=768, initial-scale=1.0"> | ||
| <title>கற்க கசடற</title> | ||
| <link rel="stylesheet" href="styles.css"> | ||
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
| </head> | ||
| <body> | ||
| <div id="header" class="header-box" style="position:fixed;"> | ||
| <div class="flipl"> | ||
| <a href="#aboutme"> | ||
| கற்க கசடற | ||
| </a> | ||
| </div> | ||
| <div class="flip"> | ||
| <a href="https://bhavananannuru.github.io/resourcesPage/"> | ||
| Resources | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="flip" style="padding-left: 50px;"> | ||
| <a href="http://pranavsuriya-sr.github.io/chatApp"> | ||
| Chat | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="flip" style="padding-left: 30px;"> | ||
| <a href="http://pranavsuriya-sr.github.io/meetApp"> | ||
| Meet | ||
| </a> | ||
| </div> | ||
|
|
||
| <div class="flip"> | ||
| <a href="../signup/index.html"> | ||
| Login | ||
| </a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <img class="img1" src="tamil.png"> | ||
| <div class = "p1"> | ||
| Team Karka Kasadara has developed a comprehensive platform that serves as a central hub for Tamil Language enthusiasts, regardless of their specialization in Tamil grammar and literature. The primary aim of this platform is to establish and nurture a positive and interconnected network, bringing together diverse teachers, learners, students, government administrators, and, most significantly, the general public. | ||
| </div> | ||
|
|
||
| <div class="p2"> | ||
| The principal objective driving the creation of this portal is to unite all Tamil Learning enthusiasts within the Karka Kasadara ecosystem under a single digital roof, fostering a sense of unity and collaboration while facilitating community expansion. Through the active participation of a diverse range of individuals and organizations, our platform is dedicated to providing mentorship, guidance, and a platform to showcase various opportunities through virtual connections. This, in turn, will propel every individual in their literature journey, furthering the advancement and awareness of Tamil literature. | ||
| </div> | ||
|
|
||
| <img class="img2" src="tamil.png"> | ||
|
|
||
| <div class="foot1"> | ||
| <h4>Copyrights © Karka Kasadara-Dev 2023</h4> | ||
| <ul class="social-icon" style="margin-left: 46.7%; margin-top: -15px;"> | ||
| <li><a href="https://pranavsuriya-sr.github.io/sihHome/" class="fa fa-linkedin"></a></li> | ||
| <li><a href="https://pranavsuriya-sr.github.io/sihHome/" class="fa fa-github" style="padding-left: 50px;"></a></li> | ||
| <li><a href="https://pranavsuriya-sr.github.io/sihHome/" class="fa fa-instagram" style="padding-left: 50px;"></a></li> | ||
| </ul> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,122 @@ | ||
| * { | ||
| box-sizing: border-box; | ||
| } | ||
|
|
||
| body{ | ||
| background-color: #f2f6f9; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| .header-box{ | ||
| display: flex; | ||
| justify-content: flex-end; | ||
| border: 0; | ||
| margin-right: 50px; | ||
| background-color: #08977b; | ||
| width: 100%; | ||
| padding-left: -500px; | ||
| font-size: 20px; | ||
| } | ||
|
|
||
|
|
||
| .flip, .flipl { | ||
| width: 200px; | ||
| height: 48px; | ||
| align-items: center; | ||
| padding: 1rem; | ||
| height: 100%; | ||
| } | ||
| .flipl { | ||
| margin-right: auto; | ||
| } | ||
|
|
||
| .flip a, .flipl a { | ||
| color: white; | ||
| text-decoration: none; | ||
| font-weight: 400; | ||
| text-transform: uppercase; | ||
| width: 100%; | ||
| cursor: pointer; | ||
| padding: 1rem; | ||
| } | ||
| .flip a:hover, .flipl a:hover { | ||
| color: #08977b; | ||
| background-color: white; | ||
| transition-duration: 100ms; | ||
| } | ||
|
|
||
| .img1 | ||
| { | ||
| margin-top: 100px; | ||
| margin-left: 30px; | ||
| height: 400px; | ||
| width: 700px; | ||
| } | ||
|
|
||
| .p1, .p2 | ||
| { | ||
| color: black; | ||
| font-size: 20px; | ||
| font-family: "sans-serif"; | ||
| } | ||
|
|
||
| .p1 | ||
| { | ||
| margin-left: 850px; | ||
| margin-top: -350px; | ||
| } | ||
|
|
||
| .p2 | ||
| { | ||
| margin-top: 300px; | ||
| margin-left: 30px; | ||
| margin-right: 1000px; | ||
| } | ||
|
|
||
| .img2 | ||
| { | ||
| float: right; | ||
| margin-right: 100px; | ||
| margin-top: -300px; | ||
| height: 400px; | ||
| width: 700px; | ||
| } | ||
| .foot1 | ||
| { | ||
| margin-top: 200px; | ||
| background-color: #08977b; | ||
| position: relative; | ||
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | ||
| } | ||
| .foot1 h4{ | ||
| color: white; | ||
| padding-top: 2%; | ||
| padding-bottom: 2%; | ||
| padding-left: 43%; | ||
| margin: auto; | ||
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | ||
| } | ||
| .social-icon | ||
| { | ||
| position: relative; | ||
| padding: 10px; | ||
| margin: 0; | ||
| } | ||
| .social-icon li | ||
| { | ||
| display: inline-block; | ||
| list-style: none; | ||
| } | ||
| .social-icon li a | ||
| { | ||
| border-radius: 50%; | ||
| color: #606060; | ||
| text-decoration: none; | ||
| transition: all 0.4s ease-in-out; | ||
| text-align: center; | ||
| margin-right: 1px; | ||
| } | ||
| .social-icon li a:hover | ||
| { | ||
| color: #D43F52; | ||
| } |