Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

My_Portfolio #44

Open
wants to merge 9 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 2 additions & 19 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,19 +1,2 @@
# <b>Student's Portfolio</b>

This Repository is basically a template repo for a interactive season on Open source by GDSC IIIT KALYANI

With the onset of two new batches of students in the college, and while Google Developer Student Club at IIIT Kalyani hosts its second installment of this open source event called Winter of Code, we thought it'd be nice to give the freshers a quick insight into what actually do we mean when we talk about Open Source
<br>

## <b>Pre Requisites</b>

- Basic Knowledge in Git and Github (<a href="https://www.youtube.com/watch?v=qMnWJ30tMSU">Tutorial Link</a>)
- Read a tad bit about Google Summer of Code
- Install Git in Local System (<a href="https://www.youtube.com/watch?v=2j7fD92g-gE)"> Tutorial Link</a> )
<br><br>

# About Code

This Repository is based on HTML/CSS for building a Student Portfolio Web Page.As It contains only HTML and CSS so it becomes easier for even a geek developer.
<br>
For a quick view of the Web Page Visit here <a href='https://gdsc-iiit-kalyani.github.io/Student-Portfolio/'>Preview</a>
# Student-Portfolio
https://samridhi171.github.io/Student-Portfolio/
153 changes: 98 additions & 55 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,56 +1,99 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Basic Portfolio Website</title>
<link rel="stylesheet" href="style.css">
</head>

<body>
<!-- We will be creating many elements in this document with some class (to add some styling later) -->
<!-- home page -->
<div id="home" class="homePage">
<div class="intro"> <!-- creating a master div to have child elements in it -->
<div class="name">Hi, I am &#60;name&#62;</div> <!-- creating a div to enter your name (edit your name here) -->
<p>Frontend developer</p> <!-- paragraph tag -->
<button class="your_button">button</button> <!-- creating a button -->
</div>
<div class="myImage"> <!-- always a good habbit to add master divs -->
<img src="https://miro.medium.com/max/3960/0*HICLyAdNSIyT0ODU.jpg" alt="MyImage"> <!-- adding a image using url -->
</div>
</div>

<!-- about me -->
<div id="aboutme" class="about"> <!-- again a master div -->
<div class="about_heading"> <!-- child div for heading -->
About me
</div>
<!-- adding a paragraph tag to write "about me", edit it and write about you -->
<p class="para">Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum voluptates provident molestias a
animi facilis iusto voluptatum repellat eligendi consequatur distinctio placeat mollitia veritatis
recusandae, ad, quasi commodi enim quos! Quasi aspernatur veniam, blanditiis sint necessitatibus dicta
libero voluptatibus reiciendis asperiores nemo maiores ducimus corrupti magnam error voluptatum ab velit.
</p>
</div>

<!-- contact -->
<div id="contact" class="contact_sec"> <!-- adding a master div again -->
<div class="contact_heading">
Contact Me <!-- adding a chiid div for heading -->
</div>
<div class="contact_info">
<!-- adding more divs for personal details, edit them! -->
<div class="Email">Email : <span class='data'>gdsc@example.com</span></div>
<div class="mobile_no">Mobile no : <span class='data'>+91 XXXXXXXXXX</span></div>
<!-- adding anchor tag to directly redirect user to your profile, add links to your profile in href -->
<div class="linkdin">linkdin :<span class='data'> <a
href="https://www.linkedin.com/company/gdsc-iiit-kalyani/">Linkdin IN</a></span></div>
<div class="github">Github : <span class='data'> <a href="https://github.com/GDSC-IIIT-Kalyani">Github</a></span></div>
<div class="others">Others :<span class='data'> <a href="https://gdsc.bio.link/">BIO</a></span></div>
</div>
</body>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PORTFOLIO</title>

<link rel="stylesheet" href="style.css">
</head>
<body>

<div class="intro">
<br>
<br>
<h1 id="1">Portfolio</h1>
<br>
<br>
<nav>
<img class="pfp" src="https://i.pinimg.com/564x/f1/ef/f5/f1eff588eae4c3937ca0d1fa644ec66e.jpg" class="logo">
<ul>
<li><a href="#1">Home</a></li>
<li><a href="#2">About me</a></li>
<li><a href="#3">Contact me</a></li>
</ul>
</nav>
<br>
<br>
<br>
<h2>HELLO!</h2>
<br>
<h2>This is</h2>
<br>
<br>
<h1>Samridhi Mukhopadhyay</h1>
<br>
<br>
<h2>First Year Student from IIIT Kalyani</h2>
<br>
<br>
<br>
<br>
<br>
<br>
</div>

<div class="about">
<br>
<br>
<h1 id="2">About Me</h1>
<br>
<br>
<nav>
<img src="https://i.pinimg.com/564x/32/d0/e2/32d0e27d66fd861df09ea8700c05293b.jpg">
<div class="banner-card">
<img src="https://i.pinimg.com/564x/05/bc/93/05bc93bd30c0d1d50487f8cc7ad4f248.jpg">
<div class="banner-text">
<p class="para">Hello I'm a fresher at IIIT Kalyani from the CSE Department.</p>
<p class="para"> I love cats,Taylor Swift,painting and reading novels; some of my favourites being John Green and Jane Austen.I have some prior knowledge in Java and am currently learning C,C++,HTML,CSS.<br>That's all for now:)</p>
</div>
</div>


</nav>
</div>
</div>




<div class="Contact" id="3">
<br>
<br>
<h1>Contact Me</h1>

<br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br>
<a class="icon" href="https://www.linkedin.com/in/samridhi-mukhopadhyay-36295228a/" target="_blank">
<ion-icon name="logo-linkedin"></ion-icon>
</a>

<a class="icon" href="https://www.instagram.com/ambrxsiaal/" target="_blank">
<ion-icon name="logo-instagram"></ion-icon>
</a>

<a class="icon" href="https://github.com/githubsamridhi" target="_blank">
<ion-icon name="logo-github"></ion-icon>
</a>

<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>

<br><br> <br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br>

</div>




</body>
</html>
Loading