summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorRishi-k-s <rishikrishna.sr@gmail.com>2023-10-05 18:10:00 +0530
committerRishi-k-s <rishikrishna.sr@gmail.com>2023-10-05 18:10:00 +0530
commita31efb546d88ebcd7ad0e3bd5e02e7e94bd11f8d (patch)
treef232f58587eba29888d4b15cf84fe0823cdc68f0
First Commit
-rw-r--r--images/20230122_150559-02 (1).jpegbin0 -> 339525 bytes
-rw-r--r--images/GitHub.pngbin0 -> 8640 bytes
-rw-r--r--images/Instagram_logo_2016.svg.webpbin0 -> 251640 bytes
-rw-r--r--images/LinkedIn_logo_initials.pngbin0 -> 13715 bytes
-rw-r--r--images/kisspng-github-pages-logo-repository-fork-github-logo-1-magentys-5b69de71860c56.3928819415336648815491.jpgbin0 -> 20573 bytes
-rw-r--r--index.html116
-rw-r--r--style.css55
7 files changed, 171 insertions, 0 deletions
diff --git a/images/20230122_150559-02 (1).jpeg b/images/20230122_150559-02 (1).jpeg
new file mode 100644
index 0000000..20f42c5
--- /dev/null
+++ b/images/20230122_150559-02 (1).jpeg
Binary files differ
diff --git a/images/GitHub.png b/images/GitHub.png
new file mode 100644
index 0000000..9490ffc
--- /dev/null
+++ b/images/GitHub.png
Binary files differ
diff --git a/images/Instagram_logo_2016.svg.webp b/images/Instagram_logo_2016.svg.webp
new file mode 100644
index 0000000..2d7f2f3
--- /dev/null
+++ b/images/Instagram_logo_2016.svg.webp
Binary files differ
diff --git a/images/LinkedIn_logo_initials.png b/images/LinkedIn_logo_initials.png
new file mode 100644
index 0000000..e173876
--- /dev/null
+++ b/images/LinkedIn_logo_initials.png
Binary files differ
diff --git a/images/kisspng-github-pages-logo-repository-fork-github-logo-1-magentys-5b69de71860c56.3928819415336648815491.jpg b/images/kisspng-github-pages-logo-repository-fork-github-logo-1-magentys-5b69de71860c56.3928819415336648815491.jpg
new file mode 100644
index 0000000..559a3d0
--- /dev/null
+++ b/images/kisspng-github-pages-logo-repository-fork-github-logo-1-magentys-5b69de71860c56.3928819415336648815491.jpg
Binary files differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..7f0b190
--- /dev/null
+++ b/index.html
@@ -0,0 +1,116 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" href="style.css">
+ <title>Portfolio</title>
+</head>
+<body class="mainBody">
+ <div class="divStyle center">
+ <img class="roundImage" src="images\20230122_150559-02 (1).jpeg" alt="" height="70px">
+ <h1 class= "hugeHeading">Rishi Krishna S</h1>
+ <!-- <h4 class="subHeading">Student at CUSAT SOE</h4> -->
+ <ul class="HeaderStyle" type = none>
+ <!-- we can use type = none or can use css to remove the default style of list -->
+ <li>
+ About
+ </li>
+ <li>
+ Experience
+ </li>
+ <li>
+ Education
+ </li>
+ <li>
+ Contact
+ </li>
+ <button class="buttonStyle">Connect!!</button>
+ </ul>
+ </div>
+ <div class="center">
+
+
+ <h3 class="subHeadingText">About</h3>
+ <ul class="paraTextStyle">
+ <li style="padding-bottom: 30px;">
+ 🚀 I'm deeply passionate about technology and innovation, and I thrive on the exciting journey of bringing ideas to life through hands-on experience. Whether it's creating hobbyist projects, exploring cutting-edge tech trends, or diving into challenging coding adventures, I'm always eager to roll up my sleeves and get to work.
+ </li>
+
+ <li style="padding-bottom: 30px;">
+ 🛠️ Building things has always been my forte. I believe in the power of innovation to shape our world, and I'm on a mission to contribute my skills and knowledge to make a positive impact.
+ </li>
+ <li>
+ 🤝 I'm excited to connect with like-minded professionals, mentors, and fellow enthusiasts who share my passion for innovation and technology. Let's collaborate, exchange ideas, and together, let's create a brighter future through the power of technology!
+ </li>
+ </ul>
+ <!-- Experience -->
+ <h3 class="subHeadingText" style="padding-top: 40px;">Experience</h3>
+ <ul class="paraTextStyle">
+ <li style="padding-bottom: 30px;">
+ <div>
+ <b>Tinkerhub Media Intern</b>
+ <br>
+ Jun- Dec 2022
+ </div>
+ </li>
+ <li>
+ <div>
+ <b>Scrubbish Lead</b>
+ <br>
+ Apr- Mar 2020
+ </div>
+ </li>
+
+ </ul>
+ <!-- Education -->
+ <h3 class="subHeadingText" style="padding-top: 40px;">Education</h3>
+ <ul class="paraTextStyle">
+ <li style="padding-bottom: 30px;">
+ <div>
+ <b>Cochin University Of Science And Technology</b>
+ <br>
+ B-Tech Computer Science And Engineering
+ </div>
+ </li>
+ <li >
+ <div>
+ <b>Dayapuram Residential School </b>
+ <br>
+ 10+2
+ </div>
+ </li>
+
+ </ul>
+ <!-- Connect -->
+ <h3 class="subHeadingText" style="padding-top: 40px;">Lets Connect</h3>
+ <ul class="paraTextStyle">
+ <li style="padding-bottom: 30px;">
+ <div>
+ Phone: <b>+91 62388 41432</b>
+ </div>
+ </li>
+ <li >
+ <div>
+ Email: <b>rishikrishna.sr@gmail.com</b>
+ </div>
+ </li>
+
+ </ul>
+ <!-- Socials -->
+ <h3 class="subHeadingText" style="padding-top: 40px;">Socials</h3>
+ <div>
+ <a href="https://www.linkedin.com/in/rishi-krishna-s-137972233/">
+ <img src="images\LinkedIn_logo_initials.png" alt="lknd in" height="40px">
+ </a>
+ <a href="https://www.instagram.com/beyond_rishi/">
+ <img src="images\Instagram_logo_2016.svg.webp" alt="insta" height="40px">
+ </a>
+ <a href="https://github.com/Rishi-k-s">
+ <img src="images\GitHub.png" alt="Github" height="40px">
+ </a>
+ </div>
+ </div>
+
+</body>
+</html> \ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..a2e95f7
--- /dev/null
+++ b/style.css
@@ -0,0 +1,55 @@
+
+
+*{
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
+}
+
+.hugeHeading{
+ color: aliceblue;
+ margin-bottom: 0px;
+}
+
+.subHeadingText{
+ color: azure;
+}
+
+.paraTextStyle{
+ color: aliceblue;
+ font-size: 100%;
+}
+
+.mainBody{
+ background-color: #22223b
+}
+
+.HeaderStyle{
+ color: antiquewhite;
+ margin-top: 0%;
+}
+
+.center {
+ margin: auto;
+ width: 50%;
+
+}
+
+.roundImage{
+ border-radius: 50px;
+ /* when the border radius is 50 x the squate becomes circle */
+}
+
+.listStyle{
+ list-style: none;
+}
+
+.buttonStyle{
+ background-color: rgb(245, 219, 186);
+ font-size: 15px;
+ border-radius: 20px;
+ height: 30px;
+ width: 90px;
+}
+
+.divStyle{
+ display: flex;
+} \ No newline at end of file