Skip to content

I have added a name input system in which you can take name as a input #146

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
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

I have added a name input system in which you can take name as a input #146

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
Binary file added CSS - Bacon Fansite/CSS_My_Site_End_Results.pdf
View file
Open in desktop
Binary file not shown.
36 changes: 36 additions & 0 deletions CSS - Bacon Fansite/StubCode.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<div class="middle-container">
<div class="profile">
<img src="" alt="">
<h2>Hello.</h2>
<p>Lorem ipsum dolor sit amet, vitae volutpat, dui conubia, dolor urna. Non auctor, montes nulla distinctio.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="" src="" alt="">
<h3>Lorem & Ipsum</h3>
<p>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.</p>
</div>
<div class="skill-row">
<img class="" src="" alt="">
<h3>Lorem Ipsum Dolor</h3>
<p>Lorem ipsum dolor sit amet, mauris sed consectetuer. Etiam et eu, bibendum interdum, lacus quis mauris. Curabitur wisi, quisque vel eu, rutrum nam.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>Lorem ipsum dolor sit amet, non elit.</h3>
<p>Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat.</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>


<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/">Twitter</a>
<a class="footer-link" href="https://www.appbrewery.co/">Website</a>
<p>© Name Surname.</p>
</div>
128 changes: 128 additions & 0 deletions CSS - Bacon Fansite/css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}
Binary file added CSS - Bacon Fansite/favicon.ico
View file
Open in desktop
Binary file not shown.
Binary file added CSS - Bacon Fansite/images/chillies.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 CSS - Bacon Fansite/images/cloud.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 CSS - Bacon Fansite/images/computer.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 CSS - Bacon Fansite/images/mountain.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 CSS - Bacon Fansite/images/shivam.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.
60 changes: 60 additions & 0 deletions CSS - Bacon Fansite/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html
<head>
<meta charset="utf-8">
<title> Shivam patidar</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="favicon" href="favicon.ico?v=2">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div class = "top-container">
<img class = "top-cloud"alt="top-cloud img" src="images/cloud.png">
<h1>I am Shivam Patidar</h1>
<h2>a <span class="web">web</span> developer.</h2>
<img class = "bottom-cloud"alt="bottom-cloud img" src="images/cloud.png">
<img src ="images/mountain.png" alt="mountain-img">
</div>
<div class="middle-container">
<div class="profile">
<img src="images/shivam.png" alt="profile">
<h2>Hello.</h2>
<p class = "intro">I am a full stack web developer having knowledge of MERN 🌹🌹and I am always ready to learn new things and explore new technology.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="i1" src="images/computer.png" alt="computer image">
<h3>Development</h3>
<p>During my journey of Development I had made portfolio website and While development my knowledge is increased.</p>
</div>
<div class="skill-row">
<img class="i2" src="images/chillies.png" alt="computer-image">
<h3>Python programmer</h3>
<p >I have learned python with vast varity of library and I had also learn a Django framework for web development.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>My contact details.</h3>
<p>Mail</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>


<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/">Twitter</a>
<a class="footer-link" href="https://www.appbrewery.co/">Website</a>
<p>© Shivam patidar.</p>
</div>



</body>
</html>
6 changes: 3 additions & 3 deletions HappyBirthdayWisher/HBD_wisher.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,8 +41,8 @@

.cake {
position: absolute;
width: 250px;
height: 200px;
width: 300px;
height: 250px;
top: 50%;
left: 50%;
margin-top: -70px;
Expand Down Expand Up @@ -251,7 +251,7 @@
<div class="layer"></div>
<div class="icing">
<div class="name">
<p>Happy Birthday <br/> <span id="name">Name</span></p>
<p>Happy Birthday<br/> <span id="name"><input type="text"></span></p>
</div>
</div>
<div class="candle1">
Expand Down