Upload app3.py

app3.py

@@ -0,0 +1,59 @@
+import streamlit as st
+
+st.set_page_config(layout="wide")
+
+
+video_html = """
+		<style>
+
+		#myVideo {
+		  position: fixed;
+		  right: 0;
+		  bottom: 0;
+		  min-width: 100%; 
+		  min-height: 100%;
+		}
+
+		.content {
+		  position: relative; /* Изменено на position: relative; */
+		  bottom: 0;
+		  background: rgba(0, 0, 0, 0.5);
+		  color: #f1f1f1;
+		  width: 100%;
+		  padding: 20px;
+		}
+
+		[data-testid="stToolbar"] {
+			right: 2rem;
+		}
+
+		div.css-d6uc01.e1tzin5v0 {
+			background-color: rgba(238, 238, 238, 0.5);
+			border: 10px solid #EEEEEE;
+			padding: 5% 5% 5% 10%;
+			border-radius: 5px;
+		}
+
+		</style>	
+		<video autoplay muted loop id="myVideo">
+		  <source src="https://rr3---sn-4g5lzned.googlevideo.com/videoplayback?expire=1686318246&ei=RtiCZL_LJ4qG0wWi-q2ABA&ip=105.159.16.112&id=o-AOAJbt9ylfg3BWZMsdKZubNSgPb7FKnzHtOhyHUBaNB9&itag=399&aitags=133%2C134%2C135%2C136%2C137%2C160%2C242%2C243%2C244%2C247%2C248%2C278%2C394%2C395%2C396%2C397%2C398%2C399&source=youtube&requiressl=yes&spc=qEK7B-DlqiFC8w9A0_wZEAuy2VNoH8aQQF7PvS46Jg&vprv=1&svpuc=1&mime=video%2Fmp4&ns=0bV_xi2-grokuOrfW7HWhzEN&gir=yes&clen=198203522&dur=3609.999&lmt=1630799721330343&keepalive=yes&fexp=24007246,24350018,24363392&beids=24350018&c=WEB&txp=5432434&n=SIN0JNcBsnwkbA&sparams=expire%2Cei%2Cip%2Cid%2Caitags%2Csource%2Crequiressl%2Cspc%2Cvprv%2Csvpuc%2Cmime%2Cns%2Cgir%2Cclen%2Cdur%2Clmt&sig=AOq0QJ8wRQIhANf3DgikAf72wBllOTCcdmhQwcGtQI7r5TZ3aj6uRu-yAiAetPGm-qTFuutDzSIT5XwX1IZV-hLf6C1mdw0PC8Yc9A%3D%3D&rm=sn-p5h-uobe7s,sn-p5h-gc5d7e&req_id=60bdf2eae0aea3ee&ipbypass=yes&cmsv=e&redirect_counter=3&cm2rm=sn-apne7s&cms_redirect=yes&mh=D8&mip=5.228.41.215&mm=34&mn=sn-4g5lzned&ms=ltu&mt=1686314208&mv=m&mvi=3&pl=21&lsparams=ipbypass,mh,mip,mm,mn,ms,mv,mvi,pl&lsig=AG3C_xAwRgIhAIwP6FZ6VyynM24jsT22ljrn1aIvmgSfGFWxV0UOZU9EAiEAl6i6I3G8_sSUKCVxSnX_-wnI0keUtlKLaxDE-l2es54%3D")>
+		  Your browser does not support HTML5 video.
+		</video>
+"""
+
+st.markdown(video_html, unsafe_allow_html=True)
+
+col1, col2, col3 = st.columns([3,5,2])
+
+with col2:
+    st.title('✨Smart Book Search by FindMyBook:✨')
+
+col1, col2, col3 = st.columns([2,5,2])
+
+with col2:
+    st.markdown("<div style='text-align: center; font-size: 30px;'>Team members:</div>", unsafe_allow_html=True)
+    st.markdown("<div style='text-align: center; font-size: 25px;'>✨ Maria K.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;✨ Ilvir Kh.</div>", unsafe_allow_html=True)
+    st.markdown("<div style='text-align: center; font-size: 25px;'>✨ Viktoria K.&nbsp;&nbsp;&nbsp;&nbsp;✨ Anna F.</div>", unsafe_allow_html=True)
+    st.markdown("<div style='text-align: center; font-size: 25px;'>✨ Ivan N.&nbsp;&nbsp;&nbsp;&nbsp;</div>", unsafe_allow_html=True)
+    st.markdown("<div style='text-align: center; font-size: 25px;'></div>", unsafe_allow_html=True)
+    st.markdown("<div style='text-align: center; font-size: 25px;'></div>", unsafe_allow_html=True)