def html_about():
	#Custom Footer
	footer_temp = """
		 <!-- CSS  -->
		  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
		  <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
		  <link href="static/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
		   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
		 <footer class="page-footer grey darken-4">
		    <div class="container" id="aboutapp">
		      <div class="row">
		        <div class="col l6 s12">
		          <h3 class="white-text">About StreamAI</h3>
		          <p class="grey-text text-lighten-4">
		          StreamAI app involves the combination of several domains of artificial intelligence like Natural Language Processing, Computer Vision, Data Science etc. on a single platform. <br>
		          The app aims at making it feasible to use various functionalities of AI from a single application rather than from various different applications intended for different functionalities.
				  Technologies, Libraries used:<br>
				  <i><ol><li> Python for coding </li> <li> Streamlit for UI.</li>
				  <li>Python Libraries: NumPy, Matplotlib, OpenCV, Pandas, Pillow, Scikit-Learn, Joblib, Spacy, BioPython, NeatBio, Pandas Profiling, Sweetviz</li></ol></i></p>
		        </div>
		      
		   <div class="col l3 s12">
		          <h5 class="white-text">Connect With Us</h5>
		          <ul>
		          <a href="https://gh.linkedin.com/in/srishtii24" target="_blank" class="white-text">
		            <i class="fab fa-linkedin fa-4x"></i>
			  	  <a href="https://gh.linkedin.com/in/yashaswipupneja/" target="_blank" class="white-text">
		            <i class="fab fa-linkedin fa-4x"></i>
		          </a>
		          </a>	         
		           <a href="https://github.com/srishtii24/" target="_blank" class="white-text">
		            <i class="fab fa-github-square fa-4x"></i>
			   <a href="https://github.com/yashpupneja/" target="_blank" class="white-text">
		            <i class="fab fa-github-square fa-4x"></i>
			   </a>
		          </a>
		          </ul>
		        </div>
		      </div>
		    </div>
		    <div class="footer-copyright">
		      <div class="container">
		      Made by <p class="white-text text-lighten-3">Abhay Puri,Srishti Gupta and Yashaswi Pupneja</p><br/>
		      </div>
		    </div>
		  </footer>
		"""
	return footer_temp

def html_heading():
	html_temp = """
		<div style = "background-color:tomato; padding:15px;">
		<h1><center> StreamAI</center></h1>
		</div>
		"""
	return html_temp

def blog_cv():
	cv = """
	<!--CSS-->
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
		  <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
		  <link href="static/css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
		   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
		
		    
		     <div class="row">
		        <div class="col s12">
					<a href="https://srishti.hashnode.dev/face-detection-app" target = "_blank" class="white-text">
					<center> 
					<img border="0" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1603974251162/iF_dH1qmG.gif" width="600" height="300"><br>
					FACE DETECTION </center>
					</a>
				</div>
			</div>


			<div class="row">
		        <div class="col s12">
					<a href="https://srishti.hashnode.dev/eyes-detection-app-using-streamlit-and-opencv" target = "_blank" class="white-text">
					<center> 
					<img border="0" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1603997342255/a6c0ofZAG.gif" width="600" height="300"><br>
					EYES DETECTION </center>
					</a>
				</div>
			</div>

			
			<div class="row">
		        <div class="col s12">
					<a href="https://srishti.hashnode.dev/smile-detection-using-streamlit-and-opencv" target = "_blank" class="white-text">
					<center> 
					<img border="0" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1603995892721/cO2OTOI2S.gif" width="600" height="300"><br>
					SMILE DETECTION </center>
					</a>
				</div>
			</div>


			<div class="row">
		        <div class="col s12">
					<a href="https://srishti.hashnode.dev/object-detection-app-using-yolov3-opencv-and-streamlit-1" target = "_blank" class="white-text">
					<center> 
					<img border="0" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1603974717391/c4EG6ibe7.gif?auto=format,compress&gif-q=60" width="600" height="300"><br>
					OBJECT DETECTION </center>
					</a>
				</div>
			</div>
			<div class="row">
		        <div class="col s12">
					<a href="https://yashaswi.hashnode.dev/image-constraction-app-using-streamlit" target = "_blank" class="white-text">
					<center> 
					<img border="0" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607795308661/dgOGuye87.png?auto=format&q=60" width="600" height="300"><br>
					IMAGE CONSTRACTION </center>
					</a>
				</div>
			</div>
			<div class="row">
		        <div class="col s12">
					<a href="https://yashaswi.hashnode.dev/pose-detection-app-using-streamlit" target = "_blank" class="white-text">
					<center> 
					<img border="0" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607368394104/f5UQCKG8f.gif?auto=format,compress&gif-q=60" width="600" height="300"><br>
					POSE DETECTION </center>
					</a>
				</div>
			</div>
			<div class="row">
		        <div class="col s12">
					<a href="https://yashaswi.hashnode.dev/canonize-and-cartoonize-app-using-streamlit" target = "_blank" class="white-text">
					<center> 
					<img border="0" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1607418914149/iFGOSyDlG.gif?auto=format,compress&gif-q=60" width="600" height="300"><br>
					<b>CANNIZE and CARTOONIZE</center>
					</a>
				</div>
			</div>

	"""
	return cv


