diff --git a/astronomy.jpg b/astronomy.jpg new file mode 100644 index 0000000..fcf7333 Binary files /dev/null and b/astronomy.jpg differ diff --git a/blog.jpg b/blog.jpg new file mode 100644 index 0000000..5a0ee74 Binary files /dev/null and b/blog.jpg differ diff --git a/harmonium.jpg b/harmonium.jpg new file mode 100644 index 0000000..69f898b Binary files /dev/null and b/harmonium.jpg differ diff --git a/hello.jpg b/hello.jpg new file mode 100644 index 0000000..106b294 Binary files /dev/null and b/hello.jpg differ diff --git a/leaf.JPG b/leaf.JPG new file mode 100644 index 0000000..a263547 Binary files /dev/null and b/leaf.JPG differ diff --git a/paint.jpg b/paint.jpg new file mode 100644 index 0000000..c87c7c0 Binary files /dev/null and b/paint.jpg differ diff --git a/photo.jpg b/photo.jpg new file mode 100644 index 0000000..73f9f46 Binary files /dev/null and b/photo.jpg differ diff --git a/prkportfolio.html b/prkportfolio.html new file mode 100644 index 0000000..31f1aed --- /dev/null +++ b/prkportfolio.html @@ -0,0 +1,80 @@ + + + + + + + + + Portfolio + + + + + + + + + +
+ +
+

+ H O M E
+

+ +
Hi there! I am Pradnya.
If you're visiting this page, it is a nutshell to know me.
+ Apparently, my areas of interest are computer applications, logic
and mathematics. + This portfolio is specially my first attempt
to learn CSS.You will learn more about me as you scroll down.
+ +
+ +
+

+ A B O U T
M E
+

+ +
Clearly, I'm not a coder or a nerd.
I've just begun my second year E&TC engineering student at CCOEW.
+ I love to learn and work on new things and get a hands on
experience on it. I haven't yet explored much in any technical
field yet + but I keep studying about many new things I come across.
Also to mention,I'm an astronomy enthusiast.
+ +
+ +
+ + + + +
+ +

+ + THINGS I AM GOOD AT +

+

+ SINGING • PHOTOGRAPHY • AMATEUR ASTRONOMY • PAINTING • EXPERIMENTING • BLOGGING • HARMONIUM +
+ +
+

+ C O N T A C T +


+ +

+ https://pradnyarkanale.github.io/

+ LinkedIn

+ Visit my latest blog at, https://www.blog.engineersconnect.com/my-favorite-technology-pradnya-r-kanale/>

+ Photography blog on instagram, https://www.instagram.com/the.abstract.thinker/

+ +
+ +
+ + + + diff --git a/sing.jpg b/sing.jpg new file mode 100644 index 0000000..03a5484 Binary files /dev/null and b/sing.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..88c159d --- /dev/null +++ b/style.css @@ -0,0 +1,245 @@ +html +{ + scroll-behavior: smooth; +} + +body +{ + background-color: #000000; + opacity: 1; +} + +nav +{ + text-align:left; + text-decoration: none; + display:grid; + position: fixed; + top:40%; + transform: translateY(-50%); + z-index: 1; +} + +/*----------------------------------------------*/ + +button { + font-family:sans-serif; + border: none; + color: white ; + padding: 10px 24px; + text-align: center; + text-decoration: none; + font-size: 16px; + margin: 4px 2px; + cursor: pointer; + background-color: black; + border-radius:8px; + display: inline-block; + text-transform:uppercase; +} + +.button:hover +{ + background-color: #696969 + +} + +.button:active { + background-color: #696969; + box-shadow: 0 5px #666; + transform: translateY(4px); + +} + +/*------------------------------------------------*/ + +.img1 +{ + + width: 75%; + height: 80vh; + border-radius: 15px; + opacity: 0.9; + +} + +.img2 +{ + border: 1px solid #ddd; + border-radius: 4px; + padding: 5px; + width: 330px; + height:200px; + margin-top: 2%; +} + +/*------------------------------------------------------*/ + +.img3 +{ + width: 250px; + box-shadow: 2px 2px 8px .5px white; + border-radius: 5px; + position: relative; + margin-top: 3%; + margin-left: 10%; +} + +/* --------------------*/ + +.img4 +{ + + width: 250px; + box-shadow: 2px 2px 8px .5px white; + border-radius: 5px; + margin-left: 3%; +} + +/*-----------------------*/ + + +.img5 +{ + width: 250px; + box-shadow: 2px 2px 8px .1px white; + border-radius: 5px; + margin-left: 3%; +} + +/*------------------------*/ + +.img6 +{ + width: 250px; + box-shadow: 2px 2px 8px .1px white; + border-radius: 5px; + margin-left: 3%; +} + +/*-------------------------*/ + +.img7 +{ + width: 250px; + box-shadow: 2px 2px 8px .5px white; + border-radius: 5px; + position: relative; + margin-top: -2%; + margin-left: 10%; + vertical-align: middle; + margin-right: 2%; +} + +/*-------------------------*/ + +.img8 +{ + width: 250px; + box-shadow: 2px 2px 8px .1px white; + border-radius: 5px; + margin-left: 2%; + margin-top: 2%; + vertical-align: middle; +} + +/*--------------------------------------------------*/ + +.line +{ + font-size: 25px; + color: grey; + text-shadow: 0px 0px; + margin-left: 10%; +} + +/*--------------------------------------------------*/ +#container +{ + width:100%; + height: 100vh; + font-family:monospace; + color: white; + text-shadow: 2px 2px #808080; + +} + + +#container div +{ + text-align: center; + width:100%; + height: 100vh; + font-size: 150%; +} + +/*----------------------------------------------------------*/ + +.infohome +{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, 0%); + text-shadow: 2px 2px #808080; + font-size: 150%; + color: black; + + +} + +.infoabout +{ + position:relative; + top: 5%; + left: 50%; + transform: translate(-50%, 0%); + text-align:right; + text-shadow: 2px 2px #808080; + font-size: 150%; + color: white; +} + +/*-------------------------------------------------*/ + +.email +{ + font-size: 18px; + text-shadow: 0px 0px #000000; + font-family: monospace; + margin-left: 5%; +} + +.github +{ + font-size: 18px; + text-shadow: 0px 0px #000000; + font-family: monospace; + word-spacing: 20px; +} + +.linkedin +{ + font-size: 18px; + text-shadow: 0px 0px #000000; + font-family: monospace; + word-spacing: 50px; +} + +.blog +{ + font-size: 18px; + text-shadow: 0px 0px #000000; + font-family: monospace; + margin-left: 2%; +} + +.photo +{ + font-size: 18px; + text-shadow: 0px 0px #000000; + font-family: monospace; + margin-left: 2%; +} + +/*-------------------------------------------------------------*/