subscribe/ comment

In this example below you will see how to do a subscribe/ comment with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by ssmitty, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ssmitty ©
  • HTML
  • CSS
  • JavaScript
      <DOCTYPE html>
<html>
	<head>
		<title>Just A Fan</title>
		<link rel="stylesheet" type="text/css" href="style.css"/>
	</head>
		<body>
			      <div id="Container">
				        <div id="header">
					          <h1><a href="https://codepen.io/ssmitty/full/OMqdbj/">Just A Fan</a></h1>
			        	</div>
					        <div id="content">
						            <div id="Nav">
			            			
							            <ul>
								              <li><a class="selected" href="https://codepen.io/ssmitty/full/OMqdbj/">Home</a></li>
							              	<li><a class="selected" href="https://codepen.io/ssmitty/full/mVQrKq/">Recent Articles</a></li>
		
							            </ul>
					            	</div>
		              	            
						            <div id="Main">
                 <div id="sub">
                   <p>Thank you for visiting if you enjoyed the articles or have a question </br>
                         we'd like to hear from you. </p>
                          <form>
                   
    <fieldset><legend>Info Sheet</legend>
      
         Name: <input type="text" name="CustName" id="CustName" size="30" maxlength="20"/> 
            <br/><br/>
         Email:   <input type="text" name="CustEmail" id="CustEmail" size="30" maxlength="30" /> 
     
        <br/><br/>
        Questions or Comments (160 characters): <br/>
        <textarea rows="4" cols="60" name="CustComment" id="CustComment" maxlength="160">Please type your comments here
        </textarea><br/>
        <input type="submit" value="Submit">
        <input type="reset"/>
    </fieldset> 
    
        </div>            
              <div id="Footer">
	                				Copyright &copy;2016 Smith Similien.
			            	</div>			
			       		<div>
		  </body>
</html>

/*Downloaded from https://www.codeseek.co/ssmitty/subscribe-comment-VeNvEd */
    body{
	background-color:#a6a6a6;
	font-family:Arial, Verdana;
}
#Container{
	background-color:#fefdfd;
	width: 1000px;
	margin-left:auto;
  margin-right:auto;
}

#header{
	background-color:#4277c3;/*blue*/
	color:#fefdfd;
	text-align:center;
  padding:10px;
}

#content{
	padding:10px;	
}

#Nav{	
  height:330px;
  width:200px;
	float:left;
}

#Nav ul{
  list-style-type:none;
  padding:0;
}
.selected{
  font-weight:bold;
}
a{
	text-decoration:none;
  color:#739bd4;
}

img{
  width:500px;
  border-radius:;
  margin-left:;
  
}

#main{
	width:800px;
	float:right;
  margin-left:auto;
  margin-right:auto;
}


#para{
  width:700px;
  margin-left:10px;
}

h1 a{
  color:white;
}

#Footer{
	clear:both;
  padding:10px;
  background-color:#1b4990;
  text-align:center;
  color:#fefdfd;
}
fieldset{
    width:450px;
}


/*Downloaded from https://www.codeseek.co/ssmitty/subscribe-comment-VeNvEd */
    

Comments