Skip to content

Commit 0a11ad4

Browse files
harshita2216harshita2216
authored
Merge pull request #342 from yellowberard/primelogin
Amazon Prime Login Page Clone
2 parents bf8de21 + 6a31735 commit 0a11ad4

File tree

4 files changed

+574
-2
lines changed

4 files changed

+574
-2
lines changed

‎Amazon-Prime-Login-Page-Clone/README.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
<h1> Amazon Prime Login Page Clone </h1>
2+
<h3>Project overview</h3> <br>
3+
This a simple project where i created a clone of amazon prime login page using only html and css. <br>
4+
5+
<h3> Languages Used:-</h3> <br>
6+
<ul>
7+
<li>HTML</li>
8+
<li>CSS</li>
9+
</ul>
10+
<h3>How to run the project</h3><br>
11+
Running the project is easy.The user only have to scroll up and down .<br>
12+
Link for the website-https://yellowberard.github.io/Amazon-Prime-Video-login-clone/index.html
13+
Here Are Some Pictures:-<br>
14+
<image src="https://user-images.githubusercontent.com/82977727/127748504-cdea94ce-52dc-40e1-abd2-d8f7200cb8cc.png"> </image>
15+
<image src="https://user-images.githubusercontent.com/82977727/127748581-d6b6a860-7252-48dc-82ae-a2da2e1297f4.png"></image>

‎Amazon-Prime-Login-Page-Clone/index.css

Lines changed: 368 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,368 @@
1+
* {
2+
margin: 0;
3+
padding: 0;
4+
}
5+
6+
html {
7+
padding: 0;
8+
display: block;
9+
margin-right: 1px;
10+
/* width: 143%; */
11+
box-sizing: border-box;
12+
width: 100%;
13+
}
14+
15+
body {
16+
17+
font-family: Amazon Ember,
18+
Amazon Arabic Ember,
19+
Arial,
20+
sans-serif !important;
21+
22+
23+
}
24+
25+
.whole {
26+
27+
width: 100%;
28+
}
29+
30+
/* Header */
31+
.head {
32+
padding: 15px 17px;
33+
display: flex;
34+
height: 100%;
35+
width: 100%;
36+
background-color: #1b2530;
37+
align-items: center;
38+
}
39+
40+
.navlogo {
41+
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDczIiBoZWlnaHQ9IjE0NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMTQuODMgOTIuMzY2Yy4xNTgtMS4wMjMuOTY3LTEuODAyIDIuMDkxLTEuODAyLjUyNCAwIDEuMTE4LjE3MSAxLjc0NC41NjIgMzQuNzMxIDIxLjc4MSA3Ny42OTcgMzQuOTAzIDEyMi4wNjcgMzQuOTAzIDI5Ljk0MyAwIDYyLjg0MS02LjcwMSA5My4xMTctMjAuNTQ0IDQuNTYzLTIuMDc5IDguMzg2IDMuMjM5IDMuOTIyIDYuODExLTI3LjAwOCAyMS40NzItNjYuMTYzIDMyLjg5Ny05OS44NzkgMzIuODk3LTQ3LjI0OCAwLTg5Ljc5NS0xOC44My0xMjIuMDA0LTUwLjE2OC0uNjMyLS42MTQtLjk2NC0xLjI4Ny0xLjA1OC0xLjkxOXYtLjc0eiIvPjxwYXRoIGQ9Ik0zMTUuNDkzIDk1Ljc1MWM3Ljk4Ni02LjAzIDE4LjYwNC04LjA0MiAyNy40MDgtOC4wNDIgOC4yMzUgMCAxNC44ODYgMS43NjMgMTYuMzAyIDMuNjQ4IDIuOTc2IDMuOTMzLS43NjYgMzEuMjAxLTE1LjI2MSA0NC4yMDYtMi4yMTggMi4wMTQtNC4zMjguOTI5LTMuMzUtMS42OTkgMy4yNTktOC43MjIgMTAuNTUzLTI4LjMwNiA3LjA5Ni0zMy4wNTQtMy40NTItNC43NTktMjIuODM1LTIuMjY4LTMxLjUyNy0xLjE0NS0xLjM0Ny4xNzEtMi4xMTMtLjM4LTIuMjI1LTEuMjAxdi0uNDQzYy4wOTEtLjcxMi41OTYtMS41NDMgMS41NTctMi4yN3pNNDUwLjM1OSAxOS44NjNjNy4xIDAgMTIuNjQ4IDIuMTUyIDE2LjY0NSA2LjQ1NkM0NzEuMDAxIDMwLjYyMiA0NzMgMzYuNTk2IDQ3MyA0NC4yNDFjMCA3LjcwNC0xLjk5OSAxMy43MDgtNS45OTYgMTguMDEyLTMuOTk3IDQuMzA0LTkuNTQ1IDYuNDU2LTE2LjY0NSA2LjQ1Ni03LjA5OSAwLTEyLjY0OC0yLjE1Mi0xNi42NDUtNi40NTZzLTUuOTk2LTEwLjMwOC01Ljk5Ni0xOC4wMTJjMC03LjY0NSAxLjk5OS0xMy42MTkgNS45OTYtMTcuOTIyIDMuOTk3LTQuMzA0IDkuNTQ2LTYuNDU2IDE2LjY0NS02LjQ1NnptMCAxMC4xMTJjLTYuMjY0IDAtOS4zOTYgNC43NTUtOS4zOTYgMTQuMjY2IDAgOS41NyAzLjEzMiAxNC4zNTUgOS4zOTYgMTQuMzU1IDYuMjY0IDAgOS4zOTctNC43ODUgOS4zOTctMTQuMzU1IDAtOS41MTEtMy4xMzMtMTQuMjY2LTkuMzk3LTE0LjI2NnpNNDAzLjE5MSAyMC4yOWM1LjQzMiAwIDkuNjg0IDEuMzI4IDEyLjc0NyAzLjk4NCAzLjA2NCAyLjY1NyA0LjU5OSA2LjIwMSA0LjU5OSAxMC42MjYgMCA0LjQzMi0xLjY1MyA3Ljc4Mi00Ljk0NSAxMC4wNTEtMy4zIDIuMjc1LTguMTY0IDMuNDEtMTQuNTg2IDMuNDEtMy4zMjkgMC02LjIyMy0uMzIxLTguNjczLS45Ny4zNDcgMy45NTQgMS41MzUgNi43OSAzLjU1IDguNDk5IDIuMDE1IDEuNzA4IDUuMDY0IDIuNTY2IDkuMTUzIDIuNTY2IDEuNjMxIDAgMy4yMjYtLjEwNCA0Ljc3Ni0uMzEzIDEuNTQzLS4yMDIgMy42OTEtLjY2NCA2LjQzNy0xLjM2Ni4xNjktLjA1OS4zNDYtLjEwNC41MjQtLjEzNC4xNzctLjAzLjMxNy0uMDQ1LjQzNS0uMDQ1Ljk5NyAwIDEuNDkxLjY3OSAxLjQ5MSAyLjAzN3Y0LjA3NWMwIC45NC0uMTMzIDEuNjA0LS4zOTEgMS45OTItLjI2Ni4zOC0uNzc1LjcyNC0xLjUzNSAxLjAxNS00LjI2NyAxLjY0OS04Ljc5MiAyLjQ3Ny0xMy41ODIgMi40NzctNy4yNDEgMC0xMi44LTItMTYuNjgyLTYuMDIyLTMuODgzLTQuMDE0LTUuODI0LTkuNzY3LTUuODI0LTE3LjI2NiAwLTcuNjcxIDEuOTg1LTEzLjY5MiA1Ljk1Ni0xOC4wNTggMy45NzItNC4zNzIgOS40ODYtNi41NTggMTYuNTUtNi41NTh6bS0uOTYgOC45NDZjLTUuNjEgMC04Ljg1IDMuNDg1LTkuNzIxIDEwLjQ0NyAyLjMzMi40NzcgNC45MzEuNzA5IDcuNzk1LjcwOSAyLjk3NCAwIDUuMTM3LS40NTYgNi40OC0xLjM3MyAxLjM0NC0uOTExIDIuMDE2LTIuMzE0IDIuMDE2LTQuMjAxIDAtMy43MjQtMi4xOTMtNS41ODItNi41Ny01LjU4MnpNMzY5LjA2OS41NDJjLjgzNSAwIDEuNDE3LjE2NSAxLjc0NS40OTYuMzI4LjMzMS40OTIuOTE4LjQ5MiAxLjc2MXY2Mi4yOThjMCAuNzgzLS4xNjQgMS4zNTQtLjQ5MiAxLjcxNi0uMzI4LjM2MS0uOTEuNTQxLTEuNzQ1LjU0MWgtNy4xNTljLS43MTYgMC0xLjI2OC0uMTUtMS42NTYtLjQ1MS0uMzg3LS4zMDEtLjY3MS0uODEzLS44NS0xLjUzNWwtLjUzNy0yLjA3N2MtMy42OTkgMy4zNzEtOC4wODMgNS4wNTYtMTMuMTU1IDUuMDU2LTMuODc3IDAtNy4yNDgtMS4wMDgtMTAuMTEyLTMuMDI0LTIuODY0LTIuMDE3LTUuMDU2LTQuODE1LTYuNTc3LTguMzk3LTEuNTIyLTMuNTgxLTIuMjgyLTcuNzE5LTIuMjgyLTEyLjQxNCAwLTcuNDY0IDEuNzU5LTEzLjQzOCA1LjI3OS0xNy45MjIgMy41Mi00LjQ4NSA4LjE3NC02LjcyNyAxMy45NjEtNi43MjcgNC43MTMgMCA4LjggMS4zNTQgMTIuMjYgNC4wNjNWMi43OTljMC0uODQzLjE3OS0xLjQzLjUzNy0xLjc2MS4zNTgtLjMzMS45MjUtLjQ5NiAxLjctLjQ5Nmg4LjU5MXptLTE5LjY4OCAyOS4yNTNjLTMuMTYyIDAtNS41MTggMS4xODktNy4wNjkgMy41NjYtMS41NTEgMi4zNzgtMi4zMjcgNS45NzQtMi4zMjcgMTAuNzg5IDAgNC44MTYuODIgOC4zOTcgMi40NjEgMTAuNzQ1IDEuNjQxIDIuMzQ3IDQuMTYxIDMuNTIxIDcuNTYyIDMuNTIxIDIuODY0IDAgNS42MDgtLjg0MyA4LjIzMy0yLjUyOFYzMi4wNTJjLTIuNTY1LTEuNTA1LTUuNTE5LTIuMjU3LTguODYtMi4yNTd6TTMwNy4zMjMgNjcuMzU0Yy0uNzc2IDAtMS4zNDMtLjE4LTEuNzAxLS41NDEtLjM1OC0uMzYyLS41MzctLjkzMy0uNTM3LTEuNzE2VjIzLjQ3NWMwLS44NDMuMTc5LTEuNDMuNTM3LTEuNzYxLjM1OC0uMzMxLjkyNS0uNDk3IDEuNzAxLS40OTdoOC41OTFjLjgzNSAwIDEuNDE3LjE2NiAxLjc0NS40OTcuMzI4LjMzMS40OTIuOTE4LjQ5MiAxLjc2MXY0MS42MjJjMCAuNzgzLS4xNjQgMS4zNTQtLjQ5MiAxLjcxNi0uMzI4LjM2MS0uOTEuNTQxLTEuNzQ1LjU0MWgtOC41OTF6TTMxMS42MTggMTQuMDg1Yy0yLjI2NyAwLTQuMDg3LS42MzItNS40NTktMS44OTYtMS4zNzItMS4yNjQtMi4wNTgtMi45OC0yLjA1OC01LjE0NyAwLTIuMTY2LjY4Ni0zLjg4MiAyLjA1OC01LjE0NkMzMDcuNTMxLjYzMiAzMDkuMzUxIDAgMzExLjYxOCAwYzIuMjY3IDAgNC4wODcuNjMyIDUuNDU5IDEuODk2IDEuMzcyIDEuMjY0IDIuMDU4IDIuOTggMi4wNTggNS4xNDYgMCAyLjE2Ny0uNjg2IDMuODgzLTIuMDU4IDUuMTQ3LTEuMzcyIDEuMjY0LTMuMTkyIDEuODk2LTUuNDU5IDEuODk2ek0yNzEuODIyIDY3LjM1NGMtLjU5NyAwLTEuMDg5LS4wNzUtMS40NzctLjIyNWEyLjM0IDIuMzQgMCAwMS0uOTg0LS43MjNjLS4yNjktLjMzMS0uNTIyLS43OTctLjc2MS0xLjM5OWwtMTUuMzAzLTQwLjE3OGEzNi43MjQgMzYuNzI0IDAgMDEtLjQ0Ny0xLjI2NCAzLjE5NiAzLjE5NiAwIDAxLS4xNzktLjk5M2MwLS45MDMuNTk3LTEuMzU1IDEuNzktMS4zNTVoOC45NDljLjk1NCAwIDEuNjU1LjE4MSAyLjEwMy41NDIuNDQ3LjM2MS43OS45NjMgMS4wMjkgMS44MDZsOS4yMTcgMzEuOTYyIDkuMzk3LTMxLjk2MmMuMjM4LS44NDMuNTgxLTEuNDQ1IDEuMDI5LTEuODA2LjQ0Ny0uMzYxIDEuMTQ4LS41NDIgMi4xMDMtLjU0Mmg4LjY4YzEuMTk0IDAgMS43OS40NTIgMS43OSAxLjM1NSAwIC4zMDEtLjA1OS42MzItLjE3OS45OTMtLjExOS4zNjEtLjI2OC43ODItLjQ0NyAxLjI2NGwtMTUuMzAzIDQwLjE3OGMtLjIzOS42MDItLjQ5MiAxLjA2OC0uNzYxIDEuMzk5YTIuNDA2IDIuNDA2IDAgMDEtLjkzOS43MjNjLS4zNTguMTUtLjg2NS4yMjUtMS41MjIuMjI1aC03Ljc4NXpNMjE0LjcxNyAxOS44NjljNS41NzQgMCA5LjkzNiAxLjM1NSAxMy4wNzkgNC4wNjUgMy4xNDIgMi43MSA0LjcxOCA2LjMyNiA0LjcxOCAxMC44NCAwIDQuNTIxLTEuNjk3IDcuOTM5LTUuMDc0IDEwLjI1My0zLjM4NiAyLjMyMi04LjM3NiAzLjQ3OS0xNC45NjUgMy40NzktMy40MTUgMC02LjM4NC0uMzI4LTguODk4LS45OS4zNTYgNC4wMzUgMS41NzUgNi45MjcgMy42NDMgOC42NyAyLjA2NyAxLjc0NCA1LjE5NSAyLjYxOSA5LjM5IDIuNjE5IDEuNjc0IDAgMy4zMS0uMTA3IDQuOS0uMzIgMS41ODMtLjIwNSAzLjc4Ni0uNjc3IDYuNjA0LTEuMzkzYTMuMzMgMy4zMyAwIDAxLjUzNy0uMTM3Yy4xODItLjAzLjMyNi0uMDQ2LjQ0Ny0uMDQ2IDEuMDIyIDAgMS41My42OTMgMS41MyAyLjA3OXY0LjE1NmMwIC45NTktLjEzNyAxLjYzNi0uNDAyIDIuMDMyLS4yNzIuMzg4LS43OTUuNzM5LTEuNTc1IDEuMDM1LTQuMzc3IDEuNjgzLTkuMDE5IDIuNTI4LTEzLjkzNCAyLjUyOC03LjQyOSAwLTEzLjEzMi0yLjA0LTE3LjExNS02LjE0My0zLjk4NC00LjA5Ni01Ljk3NS05Ljk2NC01Ljk3NS0xNy42MTUgMC03LjgyNSAyLjAzNy0xMy45NjggNi4xMTEtMTguNDIxIDQuMDc0LTQuNDYxIDkuNzMyLTYuNjkxIDE2Ljk3OS02LjY5MXptLS45ODUgOS4xMjdjLTUuNzU1IDAtOS4wOCAzLjU1NS05Ljk3MyAxMC42NTcgMi4zOTMuNDg3IDUuMDU5LjcyMyA3Ljk5Ny43MjMgMy4wNTIgMCA1LjI3MS0uNDY0IDYuNjQ5LTEuNDAxIDEuMzc4LS45MjggMi4wNjctMi4zNTkgMi4wNjctNC4yODUgMC0zLjc5OS0yLjI0OS01LjY5NC02Ljc0LTUuNjk0ek0xMjYuMDIzIDI1LjY1NGMzLjE3My0yLjEwOSA2LjAzNi0zLjYwMSA4LjU4LTQuNDY5YTI0LjA2MyAyNC4wNjMgMCAwMTcuODY5LTEuMzE3YzUuMzkyIDAgOS4xOTMgMS45MzQgMTEuNDEyIDUuNzg2IDMuMDUyLTIuMDQ4IDUuOTMtMy41MjUgOC42MjYtNC40MjNhMjYuMDY0IDI2LjA2NCAwIDAxOC4zNTMtMS4zNjNjNC4xOTUgMCA3LjQ0NCAxLjE4IDkuNzU0IDMuNTI1IDIuMzAyIDIuMzUyIDMuNDYxIDUuNjMzIDMuNDYxIDkuODVWNjUuMTNjMCAuNzg0LS4xNjcgMS4zNTUtLjQ5MiAxLjcxMy0uMzM0LjM2NS0uOTE3LjU0LTEuNzU3LjU0aC04LjYyNmMtLjc4IDAtMS4zNDgtLjE3NS0xLjcwNC0uNTQtLjM2My0uMzU4LS41NDUtLjkyOS0uNTQ1LTEuNzEzVjM2LjEzNWMwLTQuMDk1LTEuODI1LTYuMTQzLTUuNDgzLTYuMTQzLTMuMjM0IDAtNi40OTguNzc3LTkuNzkyIDIuMzQ1VjY1LjEzYzAgLjc4NC0uMTY3IDEuMzU1LS40OTIgMS43MTMtLjMzMy4zNjUtLjkxNy41NC0xLjc1Ny41NGgtOC42MjZjLS43OCAwLTEuMzQ4LS4xNzUtMS43MDQtLjU0LS4zNjMtLjM1OC0uNTM3LS45MjktLjUzNy0xLjcxM1YzNi4xMzVjMC00LjA5NS0xLjgzMy02LjE0My01LjQ4My02LjE0My0zLjM1NSAwLTYuNjQ5LjgwNy05Ljg5MSAyLjQzNlY2NS4xM2MwIC43ODQtLjE2NiAxLjM1NS0uNDkyIDEuNzEzLS4zMzMuMzY1LS45MTYuNTQtMS43NDkuNTRoLTguNjM0Yy0uNzcyIDAtMS4zNDgtLjE3NS0xLjcwMy0uNTQtLjM1Ni0uMzU4LS41MzgtLjkyOS0uNTM4LTEuNzEzVjIzLjQ4NGMwLS44NDUuMTgyLTEuNDMxLjUzOC0xLjc1OC4zNTUtLjMzNS45MzEtLjQ5NSAxLjcwMy0uNDk1aDYuNDc1YzEuMzc5IDAgMi4yMTIuNjYyIDIuNTE1IDEuOTg3bC43MTkgMi40MzZ6TTg5LjgyNSAyMy40ODZjMC0uODQ1LjE4Mi0xLjQzMS41MzgtMS43NTkuMzY0LS4zMzUuOTMyLS41MDIgMS43MTItLjUwMmg4LjYyNWMuODQxIDAgMS40MjQuMTY3IDEuNzUuNTAyLjMzMy4zMjguNS45MTQuNSAxLjc1OXY0MS42MzhjMCAuNzg0LS4xNjcgMS4zNjItLjUgMS43Mi0uMzI2LjM1OC0uOTA5LjU0MS0xLjc1LjU0MWgtOC42MjVjLS43OCAwLTEuMzQ4LS4xODMtMS43MTItLjU0MS0uMzU2LS4zNTgtLjUzOC0uOTM2LS41MzgtMS43MlYyMy40ODZ6TTk2LjM4NCAxNC4wOTJjLTIuMjggMC00LjEwNS0uNjMyLTUuNDgzLTEuODk1LTEuMzc4LTEuMjcxLTIuMDYtMi45ODQtMi4wNi01LjE1NCAwLTIuMTY5LjY4Mi0zLjg4MiAyLjA2LTUuMTQ1QzkyLjI3OS42MzQgOTQuMTA0LjAwMiA5Ni4zODQuMDAyYzIuMjc5IDAgNC4xMDQuNjMyIDUuNDgzIDEuODk2IDEuMzc4IDEuMjYzIDIuMDY3IDIuOTc2IDIuMDY3IDUuMTQ1IDAgMi4xNy0uNjg5IDMuODgzLTIuMDY3IDUuMTU0LTEuMzc5IDEuMjYzLTMuMjA0IDEuODk1LTUuNDgzIDEuODk1ek02Ni4zMTYgMjguMDkyYzIuMzkzLTIuNjQ5IDQuNjU3LTQuNTI5IDYuNzg1LTUuNjQ4YTE0LjQ0MSAxNC40NDEgMCAwMTYuNzg2LTEuNjY3aDEuMjU3Yy44NCAwIDEuNDM5LjE2OCAxLjc5NS40OTUuMzYzLjMzNS41MzcuOTIxLjUzNyAxLjc1OHY3LjU5YzAgLjc4NC0uMTU5IDEuMzU1LS40OTIgMS43Mi0uMzI2LjM1OC0uOTA5LjU0LTEuNzQ5LjU0LS40MjQgMC0uOTYyLS4wMy0xLjYyMS0uMDkxYTI4LjI2NiAyOC4yNjYgMCAwMC0yLjUxNC0uMDkxYy0xLjM3OSAwLTMuMDUyLjE5OC01LjAzNi41ODYtMS45NzcuMzk2LTMuNjUxLjg5LTUuMDI5IDEuNDkydjMwLjM0OWMwIC43ODQtLjE2NiAxLjM1NS0uNDkyIDEuNzIxLS4zMzMuMzU3LS45MTYuNTQtMS43NTcuNTRINTYuMTZjLS43OCAwLTEuMzQ4LS4xODMtMS43MDQtLjU0LS4zNjMtLjM2Ni0uNTQ1LS45MzctLjU0NS0xLjcyMVYyMy40ODdjMC0uODQ1LjE4Mi0xLjQzMS41NDUtMS43NjYuMzU2LS4zMjcuOTI0LS40OTUgMS43MDQtLjQ5NWg2LjQ2OGMxLjM3OCAwIDIuMjE5LjY2MyAyLjUyMiAxLjk4N2wxLjE2NiA0Ljg3OXpNMjYuMjQ4IDE5Ljg3NWM1LjgwOCAwIDEwLjQwNSAyLjEzOSAxMy43OSA2LjQxIDMuMzg1IDQuMjc4IDUuMDgyIDEwLjA1NSA1LjA4MiAxNy4zNDggMCA0Ljk5My0uODQxIDkuMzYyLTIuNTE1IDEzLjA5Mi0xLjY4MSAzLjczOC0zLjk2IDYuNjE1LTYuODMxIDguNjI1LTIuODc3IDIuMDI1LTYuMTcyIDMuMDI5LTkuODkgMy4wMjktMi40NTQgMC00Ljc5NC0uMzg4LTcuMDA1LTEuMTcyLTIuMjE5LS43ODQtNC4xMDUtMS44NjUtNS42NjUtMy4yNXYxOS43NzZjMCAuODQ1LS4xNjYgMS40MzEtLjQ5MiAxLjc2Ni0uMzMzLjMyNy0uOTE2LjQ5NS0xLjc1Ny40OTVIMi4zNGMtLjc4IDAtMS4zNDgtLjE2OC0xLjcwNC0uNDk1LS4zNjQtLjMzNS0uNTQ2LS45MjEtLjU0Ni0xLjc2NnYtNjAuMjVjMC0uODM3LjE4Mi0xLjQyMy41NDYtMS43NTguMzU2LS4zMzUuOTI0LS40OTUgMS43MDQtLjQ5NWg2LjQ3NGMxLjM3OSAwIDIuMjEyLjY2MiAyLjUxNSAxLjk4N2wuNjI4IDIuMzQ0YzEuNzk1LTEuNzQzIDMuOTY5LTMuMTI4IDYuNTEzLTQuMTU2IDIuNTQ1LTEuMDIgNS4xNDItMS41MyA3Ljc3OC0xLjUzem0tNC4yMjYgOS45MzRjLTMuMTEzIDAtNi4wNTEuODE0LTguODA4IDIuNDM2djIzLjc1N2MyLjYzNiAxLjYyOSA1LjU3NCAyLjQ0NCA4LjgwOCAyLjQ0NCAzLjM1NSAwIDUuODI0LTEuMTQyIDcuNDE0LTMuNDMzIDEuNTktMi4yOTIgMi4zODUtNS45IDIuMzg1LTEwLjg0IDAtNS4wMDEtLjc4LTguNjQtMi4zNC0xMC45MzEtMS41Ni0yLjI5MS00LjA0NC0zLjQzMy03LjQ1OS0zLjQzM3oiLz48L2c+PC9zdmc+);
42+
display: inline-block;
43+
background-repeat: no-repeat;
44+
background-size: contain;
45+
text-indent: -9999px;
46+
width: 112px;
47+
height: 40px;
48+
position: relative;
49+
top: 2px;
50+
background-position: left 0;
51+
margin: 10px;
52+
53+
}
54+
55+
.right {
56+
display: block;
57+
justify-content: center;
58+
margin-left: 84%;
59+
}
60+
61+
.iconify {
62+
color: white;
63+
}
64+
65+
.head div {
66+
color: white;
67+
}
68+
69+
.lang {
70+
align-items: center;
71+
width: 100%;
72+
73+
}
74+
75+
.sigin {
76+
77+
margin-left: 7px;
78+
font-size: 17px;
79+
color: white;
80+
text-decoration: none;
81+
}
82+
83+
/* Part-1 */
84+
85+
.content {
86+
display: block;
87+
width: 100%;
88+
}
89+
90+
.login-now {
91+
background-color: #000;
92+
background-image: linear-gradient(to right, #000 40%, transparent 58%),
93+
url('https://m.media-amazon.com/images/G/31/AmazonVideo/2019/1102620_MLP_1440x675_apv189_V3._CB1198675309_.jpg');
94+
background-position: right top;
95+
background-repeat: no-repeat;
96+
background-size: cover;
97+
}
98+
99+
.content-left {
100+
display: flex;
101+
justify-content: center;
102+
color: white;
103+
flex-flow: column nowrap;
104+
min-height: 70vh;
105+
position: relative;
106+
padding: 50px 5%;
107+
width: 40%;
108+
/* width: 1500px; */
109+
}
110+
111+
.welcome {
112+
font-size: 2.5em;
113+
font-weight: 700;
114+
}
115+
116+
.join {
117+
margin-top: 10px;
118+
font-size: 21px;
119+
}
120+
121+
.login-prime {
122+
background-color: #0f79af;
123+
color: #fff;
124+
margin-top: 38px;
125+
padding: 16px 18px 16px;
126+
border-radius: 2px;
127+
width: 250px;
128+
text-align: center;
129+
130+
}
131+
132+
.login-link {
133+
text-decoration: none;
134+
color: white;
135+
font-size: 17px;
136+
font-weight: 700;
137+
138+
}
139+
140+
/* Part-2 */
141+
142+
.start {
143+
background-color: #000;
144+
background-image: linear-gradient(to left, #000 40%, transparent 58%), url('https://m.media-amazon.com/images/G/01/digital/video/Magellan_MLP/IN-Living-Room-V2._CB524587855_.jpg');
145+
background-position: left top;
146+
background-repeat: no-repeat;
147+
background-size: cover;
148+
}
149+
150+
.content-right {
151+
display: flex;
152+
justify-content: center;
153+
color: white;
154+
flex-flow: column nowrap;
155+
min-height: 70vh;
156+
position: relative;
157+
padding: 50px 5%;
158+
width: 58%;
159+
/* width: 1500px; */
160+
padding-left: 1100px;
161+
}
162+
163+
.entertainment {
164+
font-size: 2.5em;
165+
font-weight: 700;
166+
}
167+
168+
.detail {
169+
margin-top: 5px;
170+
font-size: 21px;
171+
}
172+
173+
.started {
174+
background-color: #0f79af;
175+
color: #fff;
176+
margin-top: 38px;
177+
padding: 16px 18px 16px;
178+
border-radius: 2px;
179+
width: 150px;
180+
text-align: center;
181+
}
182+
183+
.start-link {
184+
text-decoration: none;
185+
color: white;
186+
font-size: 17px;
187+
font-weight: 700;
188+
189+
}
190+
191+
/* Part-3 */
192+
193+
.memberships {
194+
background-color: #000;
195+
background-image: linear-gradient(to right, #000 40%, transparent 58%), url('https://m.media-amazon.com/images/G/01/digital/video/Magellan_MLP/PRIME_multi-benefit_MAGNET_2X._CB1519820207_.jpg');
196+
background-position: right top;
197+
background-repeat: no-repeat;
198+
background-size: cover;
199+
}
200+
201+
.content-left-2 {
202+
display: flex;
203+
justify-content: center;
204+
color: white;
205+
flex-flow: column nowrap;
206+
min-height: 70vh;
207+
position: relative;
208+
padding: 50px 5%;
209+
width: 40%;
210+
/* width: 1500px; */
211+
212+
}
213+
214+
.memeber-h1 {
215+
font-size: 2.5em;
216+
}
217+
218+
.benefits {
219+
margin-top: 5px;
220+
font-size: 21px;
221+
}
222+
223+
.asterik {
224+
margin-top: 20px;
225+
font-size: 15px;
226+
font-weight: 500;
227+
}
228+
229+
230+
/* Part-4 */
231+
232+
.tv-stick {
233+
234+
background-color: #000;
235+
background-image: linear-gradient(to left, #000 40%, transparent 58%), url('https://images-na.ssl-images-amazon.com/images/G/01/digital/video/Magellan_MLP/MLP_Template_Image_Left.jpg');
236+
background-position: left top;
237+
background-repeat: no-repeat;
238+
background-size: cover;
239+
}
240+
241+
.content-right-2 {
242+
display: flex;
243+
justify-content: center;
244+
color: white;
245+
flex-flow: column nowrap;
246+
min-height: 70vh;
247+
position: relative;
248+
width: 40%;
249+
padding: 50px 5%;
250+
/* width: 1500px; */
251+
padding-left: 1000px;
252+
253+
}
254+
255+
.firetv-h1 {
256+
font-size: 2.5em;
257+
}
258+
259+
.firetv-use {
260+
margin-top: 5px;
261+
font-size: 21px;
262+
}
263+
264+
/* Part-5 */
265+
266+
.multi-content {
267+
display: flex;
268+
padding: 60px 5% 30px 5%;
269+
justify-content: space-between;
270+
min-height: 47vh;
271+
}
272+
273+
.img3 {
274+
text-align: center;
275+
}
276+
277+
.first {
278+
text-align: center;
279+
}
280+
281+
.second {
282+
283+
text-align: center;
284+
285+
}
286+
287+
.third {
288+
text-align: center;
289+
}
290+
291+
.h22 {
292+
font-size: 36px;
293+
}
294+
295+
.para {
296+
font-size: 21px;
297+
}
298+
299+
/* Part-6 */
300+
.family {
301+
302+
background-color: #000;
303+
background-image: linear-gradient(to right, #000 40%, transparent 58%), url('https://m.media-amazon.com/images/G/01/digital/video/Magellan_MLP/IN-kids-30Jan._CB1517304519_.jpg');
304+
background-position: right top;
305+
background-repeat: no-repeat;
306+
background-size: cover;
307+
308+
}
309+
310+
.content-left-3 {
311+
display: flex;
312+
justify-content: center;
313+
color: white;
314+
flex-flow: column nowrap;
315+
min-height: 70vh;
316+
position: relative;
317+
padding: 50px 5%;
318+
width: 40%;
319+
}
320+
321+
.friendly {
322+
font-size: 2.5em;
323+
}
324+
325+
.friend {
326+
margin-top: 5px;
327+
font-size: 21px;
328+
}
329+
330+
/* footer */
331+
332+
.foot {
333+
334+
text-align: center;
335+
background-color: #222;
336+
font-size: 15px;
337+
padding: 30px;
338+
height: 80px;
339+
}
340+
341+
.foot-links {
342+
display: flex;
343+
justify-content: center;
344+
345+
}
346+
347+
.lis-of-links {
348+
display: flex;
349+
text-decoration: none;
350+
}
351+
352+
.list-of-links li {
353+
display: inline-block;
354+
text-decoration: none;
355+
list-style: none;
356+
padding: 4px;
357+
358+
}
359+
360+
.links {
361+
text-decoration: none;
362+
color: #0f79af;
363+
364+
}
365+
366+
.link-para {
367+
color: #b1b1b1
368+
}

0 commit comments

Comments
 (0)