diff --git a/CSS - Bacon Fansite/CSS_My_Site_End_Results.pdf b/CSS - Bacon Fansite/CSS_My_Site_End_Results.pdf new file mode 100644 index 0000000..7bebfd4 Binary files /dev/null and b/CSS - Bacon Fansite/CSS_My_Site_End_Results.pdf differ diff --git a/CSS - Bacon Fansite/StubCode.html b/CSS - Bacon Fansite/StubCode.html new file mode 100644 index 0000000..a119099 --- /dev/null +++ b/CSS - Bacon Fansite/StubCode.html @@ -0,0 +1,36 @@ +
+
+ +

Hello.

+

Lorem ipsum dolor sit amet, vitae volutpat, dui conubia, dolor urna. Non auctor, montes nulla distinctio.

+
+
+
+

My Skills.

+
+ +

Lorem & Ipsum

+

Lorem ipsum dolor sit amet, quis in duis, iaculis id felis. Consectetuer vestibulum, nunc urna lectus, erat ligula. Hendrerit nam, lectus ante, ut lorem eros.

+
+
+ +

Lorem Ipsum Dolor

+

Lorem ipsum dolor sit amet, mauris sed consectetuer. Etiam et eu, bibendum interdum, lacus quis mauris. Curabitur wisi, quisque vel eu, rutrum nam.

+
+
+
+
+

Get In Touch

+

Lorem ipsum dolor sit amet, non elit.

+

Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat.

+ CONTACT ME +
+
+ + +
+ LinkedIn + Twitter + Website +

© Name Surname.

+
diff --git a/CSS - Bacon Fansite/css/styles.css b/CSS - Bacon Fansite/css/styles.css new file mode 100644 index 0000000..f51e417 --- /dev/null +++ b/CSS - Bacon Fansite/css/styles.css @@ -0,0 +1,128 @@ +body{ + color:#40514E; + margin: 0; + text-align: center; + font-family: 'Merriweather', serif; +} + +h1 +{ + margin: 0; + font-family: 'Sacramento', cursive; + font-size: 5.625rem; + color: #66BFBF; + +} +h2 +{ + font-family: 'ontserrat', sans-serif; + font-size: 2.5rem; + color: #66BFBF; + font-weight: normal; + padding-bottom: 10px; +} +.middle-container { + margin: 100px 0; +} +.intro { +width: 30%; +margin: auto; +} +h3 +{ + font-family: 'Montserrat', sans-serif; + color:#11999E; +} +p { + line-height: 2; +} +hr { + border : dotted #EAF6F6 6px; + border-bottom: none; + width : 4%; + margin : 100px auto; +} + +.top-container +{ + background-color: #EAF6F6; + position: relative; + padding-top: 200px; +} + + +.bottom-container { + background-color: #66BFBF; + padding: 50px 0 20px; +} +.footer-link{ + color: #11999E; + font-family: 'Montserrat', sans-serif; + margin: 10px 20px; + text-decoration: none; +} +.footer-link:hover{ + color: #EAF6F6; +} + .btn { + background: #11cdd4; + background-image: -webkit-linear-gradient(top, #11cdd4, #1199a); + background-image: -moz-linear-gradient(top, #11cdd4, #1199a); + background-image: -ms-linear-gradient(top, #11cdd4, #1199a); + background-image: -o-linear-gradient(top, #11cdd4, #1199a); + background-image: linear-gradient(to bottom, #11cdd4, #1199a); + -webkit-border-radius: 8; + -moz-border-radius: 8; + border-radius: 8px; + font-family: 'Montserrat', sans-serif; + color: #ffffff; + font-size: 20px; + padding: 10px 20px 10px 20px; + text-decoration: none; +} + +.btn:hover { + background: #30e3cb; + background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad); + text-decoration: none; +} + + +.web +{ + text-decoration: underline; +} + +.skill-row { + width : 50%; + margin : 100px auto 100px auto; + text-align: left; + +} +.bottom-cloud +{ + position: absolute; + left: 250px; + bottom: 300px; +} +.top-cloud +{ + position: absolute; + right:300px; + top:40px; +} +.i1{ + width: 25%; + float: left; + margin-right: 30px; + +} +.i2{ + width: 25%; + float: right; + margin-left: 30px; +} diff --git a/CSS - Bacon Fansite/favicon.ico b/CSS - Bacon Fansite/favicon.ico new file mode 100644 index 0000000..71725e9 Binary files /dev/null and b/CSS - Bacon Fansite/favicon.ico differ diff --git a/CSS - Bacon Fansite/images/chillies.png b/CSS - Bacon Fansite/images/chillies.png new file mode 100644 index 0000000..df7bdcc Binary files /dev/null and b/CSS - Bacon Fansite/images/chillies.png differ diff --git a/CSS - Bacon Fansite/images/cloud.png b/CSS - Bacon Fansite/images/cloud.png new file mode 100644 index 0000000..5710f78 Binary files /dev/null and b/CSS - Bacon Fansite/images/cloud.png differ diff --git a/CSS - Bacon Fansite/images/computer.png b/CSS - Bacon Fansite/images/computer.png new file mode 100644 index 0000000..3d07282 Binary files /dev/null and b/CSS - Bacon Fansite/images/computer.png differ diff --git a/CSS - Bacon Fansite/images/mountain.png b/CSS - Bacon Fansite/images/mountain.png new file mode 100644 index 0000000..e90d87b Binary files /dev/null and b/CSS - Bacon Fansite/images/mountain.png differ diff --git a/CSS - Bacon Fansite/images/shivam.png b/CSS - Bacon Fansite/images/shivam.png new file mode 100644 index 0000000..6b37e0c Binary files /dev/null and b/CSS - Bacon Fansite/images/shivam.png differ diff --git a/CSS - Bacon Fansite/index.html b/CSS - Bacon Fansite/index.html new file mode 100644 index 0000000..04cf3b1 --- /dev/null +++ b/CSS - Bacon Fansite/index.html @@ -0,0 +1,60 @@ + + + + Shivam patidar + + + + + + + +
+ top-cloud img +

I am Shivam Patidar

+

a web developer.

+ bottom-cloud img + mountain-img +
+
+
+ profile +

Hello.

+

I am a full stack web developer having knowledge of MERN 🌹🌹and I am always ready to learn new things and explore new technology.

+
+
+
+

My Skills.

+
+ computer image +

Development

+

During my journey of Development I had made portfolio website and While development my knowledge is increased.

+
+
+ computer-image +

Python programmer

+

I have learned python with vast varity of library and I had also learn a Django framework for web development.

+
+
+
+
+

Get In Touch

+

My contact details.

+

Mail

+ CONTACT ME +
+
+ + +
+ LinkedIn + Twitter + Website +

© Shivam patidar.

+
+ + + + + diff --git a/HappyBirthdayWisher/HBD_wisher.html b/HappyBirthdayWisher/HBD_wisher.html index 73a0bb7..0b90cde 100644 --- a/HappyBirthdayWisher/HBD_wisher.html +++ b/HappyBirthdayWisher/HBD_wisher.html @@ -41,8 +41,8 @@ .cake { position: absolute; - width: 250px; - height: 200px; + width: 300px; + height: 250px; top: 50%; left: 50%; margin-top: -70px; @@ -251,7 +251,7 @@
-

Happy Birthday
Name

+

Happy Birthday