Skip to content

Updated using css #4

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.

Sign up for GitHub

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

Open
srijanakde2001 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Updated using css #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
17 changes: 10 additions & 7 deletions Srijanak_portfolio/About.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,10 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
img {
.button {background-color: grey;}
.button:hover {
background-color: #4d9900 ;}
.xyz {
max-width:15%;
height: auto;
}
Expand All @@ -15,7 +18,7 @@
</head>
<body style="background-image: url('blackhole.jpg');background-size: 100% 100%; background-repeat: no-repeat;background-attachment: fixed;">
<pre class="ex1" style="color:white;">
<img src="profile.jpg" alt="Please upload a profile picture" style="float:left;width:15%;">
<img class="xyz" src="profile.jpg" alt="Please upload a profile picture" style="float:left;width:15%;">

<i> "Great old castles full of dreams,
Transcending all the mystical sins,
Expand All @@ -26,23 +29,23 @@

</pre>
<a href="About.html">
<button style="color: #9932cd";>About</button>
<button autofocus class="button" style="color: blue";>About</button>
</a>
<a href="bio.html">
<button>Bio</button>
<button class="button">Bio</button>
</a>
<a href="achievements.html">
<button>Awards</button>
<button class="button">Awards</button>
</a>
<a href="contact.html">
<button>Contact</button>
<button class="button">Contact</button>
</a>
<br>
<br>
<br>
<br>
<br>
<pre style="color:white;">
<pre style="color:white;"><img src="violin.jpg" style="float: right; opacity: 0.2;width:25%;">
<ul style="color:white;">
<li style="color:white;"><b style="color:white;">Name:</b> Srijanak De</li>
<li style="color:white;"><b style="color:white;">Born on:</b> 2001</li>
Expand Down
21 changes: 15 additions & 6 deletions Srijanak_portfolio/achievements.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,15 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.button {background-color: grey;}
.button:hover {
background-color: #4d9900 ;}
.none {
border-style: solid;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: white;}
img {
max-width:15%;
height: auto;
Expand All @@ -26,25 +35,25 @@

</pre>
<a href="About.html">
<button>About</button>
<button class="button">About</button>
</a>
<a href="bio.html">
<button>Bio</button>
<button class="button">Bio</button>
</a>
<a href="achievements.html">
<button style="color: #9932cd">Awards</button>
<button autofocus class="button" style="color: blue">Awards</button>
</a>
<a href="contact.html">
<button>Contact</button>
<button class="button">Contact</button>
</a>
<h2 style="color:white;">Academic achievements:</h2>
<h2 class="none" style="color:white;">Academic achievements:</h2>
<ol style="color:white;">
<li style="color:white;">Obtained an overall 93.8% and 95.66% in science subjects in class 10 boards examination.</li>
<li style="color:white;">Obtained 91.4% marks in class 12 boards examination.</li>
<li style="color:white;">Obtained 95.7 percentile in Mathematics of ASSET Talent Search Examination conducted by Duke University in Summer of 2012 and cleared both the levels.</li>
<li style="color:white;">Trained in Information Technology and Computer Science certified by South Point School.</li>
</ol>
<h2 style="color:white;">Extra-curricular achievements:</h2>
<h2 class="none" style="color:white;">Extra-curricular achievements:</h2>
<ol style="color:white;">
<li style="color:white;">Gold medalist at Inter-house throwball and basket competitions in school.</li>
<li style="color:white;">Captain of Inter-house football in school, winners of Inter-regional Football Championship held locally, and winners of Freshers Football Tournament IIT Kharagpur.</li>
Expand Down
45 changes: 34 additions & 11 deletions Srijanak_portfolio/bio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,26 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
.button {background-color: grey;}
.button:hover {
background-color: #4d9900 ;}
div {
background-color: Black;
width: 280px;
border: 15px solid;
border-color: #737373;
padding: 30px;
margin: 10px;
}
a.ex1:visited,a.ex1:link {text-decoration:none;}
a.ex1:hover, a.ex1:active {text-decoration:underline;}
ol.ex2 {border-left: 10px solid white;}
.none {
border-style: solid;
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: white;}
img {
max-width:15%;
height: auto;
Expand All @@ -29,46 +46,52 @@

</pre>
<a href="About.html">
<button>About</button>
<button class="button">About</button>
</a>
<a href="bio.html">
<button style="color: #9932cd">Bio</button>
<button autofocus class="button" style="color: blue">Bio</button>
</a>
<a href="achievements.html">
<button>Awards</button>
<button class="button">Awards</button>
</a>
<a href="contact.html">
<button>Contact</button>
<button class="button">Contact</button>
</a>
<h2 style="color:white;text-decoration:underlined;">Contents</h2>
<ol class="ex2" style="color:white;">
<br>
<br>
<div>
<h2 class="none" style="color:white;text-shadow: 1px 2px #e6f3ff;text-decoration:underlined;">Contents</h2>
<ol class="ex2" style="color:white; list-style-type: lower-greek;">
<li style="color:white;font-size: 110%;"><b style="font-size: 110%;color:white;"><a class="ex1" href="#c1" style="color:white;">A brief intro</a></b></li>
<li style="color:white;font-size: 110%;"><b style="font-size: 110%;color:white;"><a class="ex1" href="#c2" style="color:white;">Aspiring to be in ten years</a></b></li>
<li style="color:white;font-size: 110%;"><b style="font-size: 110%;color:white;"><a class="ex1" href="#c3" style="color:white;">Things I love doing</a></b></li>
<li style="color:white;font-size: 110%;"><b style="font-size: 110%;color:white;"><a class="ex1" href="#c4" style="color:white;">Strengths and Weaknesses</a></b></li>
</ol>
</div>
<br>
<ul style="color:white;">
<p id="c1" style="color:white;">
<li style="color:white;"><b style="color:white;">A brief intro:</b> My mother gave my name, “Srijanak” that means “Creator”. The root of scientific creativity lies
<li style="color:white;"><b class="none" style="color:white;">A brief intro:</b> <br> My mother gave my name, “Srijanak” that means “Creator”. The root of scientific creativity lies
in questioning the impossible. “Greatness is a journey that begins with the impossible and turnsinto the unforgettable”, was once said by Miguel Torres. I may borrow words from the iconicspeech on freedom and justice of a great American, Martin Luther King, to affirm with unsulliedconviction that I have a dream. I have a dream to turn an impossible into unforgettable bygroundbreaking scientific invention that would change the world. As a liberal humanist with anabiding love for science, I have a dream to shepherd the prodigious advancement of science for
the benefits of mankind and make this planet a better place to live in through my pioneering contribution in science and technology.
</li>
</p>
<br>
<p id="c2" style="color:white;">
<li style="color:white;"><b style="color:white;">Aspiring to be in ten years:</b> In ten years, I want to see myself to be apart of a team of innovators in NASA engaged in the design and development of the robotic fleet to advance human exploration of space.
<li style="color:white;"><b class="none" style="color:white;">Aspiring to be in ten years:</b> <br>In ten years, I want to see myself to be apart of a team of innovators in NASA engaged in the design and development of the robotic fleet to advance human exploration of space.
</li>
</p>
<br>
<p id="c3" style="color:white;">
<li style="color:white;"><b style="color:white;">Things I love doing:</b> Whenever I get a chance, I try to imagine various situations in life and perform imaginary role-plays. For example, I do shadow practice of a soccer or cricket match, whereby I keep a check on my shadow as I practice various game techniques to improve my action and sharpness without actually playing. Similarly, I imagine myself playing a leadership role in a fictional event orpresenting my new scientific invention to a group of renowned scientists and then I show mimicry of the corresponding actions to my friends and peers. In addition to entertaining others, I derive fun from these role-plays as I can elevate myself to any level beyond limits. Besides, I love listening to songs especially Rabindrasangeet, practice singing them, watch football dribbling skills and movies on the net.
<li style="color:white;"><b class="none" style="color:white;">Things I love doing:</b> <br>Whenever I get a chance, I try to imagine various situations in life and perform imaginary role-plays. For example, I do shadow practice of a soccer or cricket match, whereby I keep a check on my shadow as I practice various game techniques to improve my action and sharpness without actually playing. Similarly, I imagine myself playing a leadership role in a fictional event orpresenting my new scientific invention to a group of renowned scientists and then I show mimicry of the corresponding actions to my friends and peers. In addition to entertaining others, I derive fun from these role-plays as I can elevate myself to any level beyond limits. Besides, I love listening to songs especially Rabindrasangeet, practice singing them, watch football dribbling skills and movies on the net.
</li>
</p>
<br>
<p id="c4" style="color:white;">
<li style="color:white;"><b style="color:white;">Strong points:</b> <ol><li>I possess a natural talent in logical and rational thinking.</li><li>I am amiable,responsible,honest and loyal.</li><li>For me even the sky is not my limit. I strongly believe that dedication, determination and perseverance and true faith can move mountains and I try converting this belief of mine into practice.</li></ol>
<li style="color:white;"><b class="none" style="color:white;">Strong points:</b> <ol><li>I possess a natural talent in logical and rational thinking.</li><li>I am amiable,responsible,honest and loyal.</li><li>For me even the sky is not my limit. I strongly believe that dedication, determination and perseverance and true faith can move mountains and I try converting this belief of mine into practice.</li></ol>
</li>
<li style="color:white;"><b style="color:white;">Weak points:</b> <ol><li>I cannot easily forget events which tend to hurt me. But on a positive note, I often use this ability of mine in achieving feets on my second attempt, failure of which in the first one had hurt me.</li><li>I trust people very easily. Sometimes, it has some ill-effects, but at the same time it often helps me in doing team work in a much better way.</li><li>I am kind and caring and I possess a very soft heart and thus get emotional and sensitive to issues quite often.</li></ol>
<br>
<li style="color:white;"><b class="none" style="color:white;">Weak points:</b> <ol><li>I cannot easily forget events which tend to hurt me. But on a positive note, I often use this ability of mine in achieving feets on my second attempt, failure of which in the first one had hurt me.</li><li>I trust people very easily. Sometimes, it has some ill-effects, but at the same time it often helps me in doing team work in a much better way.</li><li>I am kind and caring and I possess a very soft heart and thus get emotional and sensitive to issues quite often.</li></ol>
</p>
</ul>
</body>
Expand Down
22 changes: 15 additions & 7 deletions Srijanak_portfolio/contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,14 @@
<!DOCTYPE html>
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Sofia' rel='stylesheet'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
img {
.abc{font-family: 'Sofia';font-size: 22px;}
.button {background-color: grey;}
.button:hover {
background-color: #4d9900 ;}
.xyz {
max-width:15%;
height: auto;
}
Expand All @@ -15,7 +20,7 @@
</head>
<body style="background-image: url('blackhole.jpg');background-size: 100% 100%; background-repeat: no-repeat;background-attachment: fixed;">
<pre style="color:white;">
<img src="profile.jpg" style="float:left;width:15%;">
<img class="xyz" src="profile.jpg" style="float:left;width:15%;">

<i> "Great old castles full of dreams,
Transcending all the mystical sins,
Expand All @@ -26,24 +31,27 @@

</pre>
<a href="About.html">
<button>About</button>
<button class="button">About</button>
</a>
<a href="bio.html">
<button>Bio</button>
<button class="button">Bio</button>
</a>
<a href="achievements.html">
<button>Awards</button>
<button class="button">Awards</button>
</a>
<a href="contact.html">
<button style="color: #9932cd">Contact</button>
<button autofocus class="button" style="color: blue">Contact</button>
</a>
<br>
<br>
<br>
<br>
<ul style="color:white;">
<ul style="color:white;"><img src="violin.jpg" style="float: right; opacity: 0.2;width:20%;">

<p style="color:white;"><li style="color:white;"><b style="color:white;">Email id:</b></li>srijanak2001@gmail.com (or srijanak_de@yahoo.in) <br><br>
<li style="color:white;"><b style="color:white;">Phone number:</b></li>917596993896 (or 919433021427)<br><br>
<li style="color:white;"><b style="color:white;">Current Address:</b></li>E-412,Rajendra Prasad Hall of Residence, IIT Kharagpur</p>
<br>
<p class="abc" style="color:white;"> Thanks for visiting my webpage. <img src="smile.png" style="height: 22px;"</p>
</body>
</html>
Binary file added Srijanak_portfolio/smile.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Srijanak_portfolio/violin.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.