├── README.md
└── netflix.html


/README.md:
--------------------------------------------------------------------------------
1 | # Netflix-clone-page


--------------------------------------------------------------------------------
/netflix.html:
--------------------------------------------------------------------------------
  1 | <header class="showcase">
  2 |     <div class="showcase-top">
  3 |         <img src="https://i.ibb.co/r5krrdz/logo.png" alt="" />
  4 |         <a href="#" class="btn btn-rounded">Sign In</a>
  5 |     </div>
  6 |     <div class="showcase-content">
  7 |         <h1>See what's next</h1>
  8 |         <p>Watch anywhere. Cancel Anytime</p>
  9 |         <a href="#" class="btn btn-xl">Watch Free For 30 Days <i class="fas fa-chevron-right btn-icon"></i
 10 |       ></a>
 11 |     </div>
 12 | </header>
 13 | <section class="tabs">
 14 |     <div class="container">
 15 |         <div id="tab-1" class="tab-item tab-border">
 16 |             <i class="fas fa-door-open fa-3x"></i>
 17 |             <p class="hide-sm">Cancel at any time</p>
 18 |         </div>
 19 |         <div id="tab-2" class="tab-item">
 20 |             <i class="fas fa-tablet-alt fa-3x"></i>
 21 |             <p class="hide-sm">Watch anywhere</p>
 22 |         </div>
 23 |         <div id="tab-3" class="tab-item">
 24 |             <i class="fas fa-tags fa-3x"></i>
 25 |             <p class="hide-sm">Pick your price</p>
 26 |         </div>
 27 |     </div>
 28 | </section>
 29 | 
 30 | <section class="tab-content">
 31 |     <div class="container">
 32 |         <!-- Tab Content 1 -->
 33 |         <div id="tab-1-content" class="tab-content-item show">
 34 |             <div class="tab-1-content-inner">
 35 |                 <div>
 36 |                     <p class="text-lg">
 37 |                         If you decide Netflix isn't for you - no problem. No commitment. Cancel online anytime.
 38 |                     </p>
 39 |                     <a href="#" class="btn btn-lg">Watch Free For 30 Days</a>
 40 |                 </div>
 41 |                 <img src="https://i.ibb.co/J2xDJV7/tab-content-1.png" alt="" />
 42 |             </div>
 43 |         </div>
 44 | 
 45 |         <!-- Tab Content 2 -->
 46 |         <div id="tab-2-content" class="tab-content-item">
 47 |             <div class="tab-2-content-top">
 48 |                 <p class="text-lg">
 49 |                     Watch TV shows and movies anytime, anywhere — personalized for you.
 50 |                 </p>
 51 |                 <a href="#" class="btn btn-lg">Watch Free For 30 Days</a>
 52 |             </div>
 53 |             <div class="tab-2-content-bottom">
 54 |                 <div>
 55 |                     <img src="https://i.ibb.co/DpdN7Gn/tab-content-2-1.png" alt="" />
 56 |                     <p class="text-md">
 57 |                         Watch on your TV
 58 |                     </p>
 59 |                     <p class="text-dark">
 60 |                         Smart TVs, PlayStation, Xbox, Chromecast, Apple TV, Blu-ray players and more.
 61 |                     </p>
 62 |                 </div>
 63 |                 <div>
 64 |                     <img src="https://i.ibb.co/R3r1SPX/tab-content-2-2.png" alt="" />
 65 |                     <p class="text-md">
 66 |                         Watch instantly or download for later
 67 |                     </p>
 68 |                     <p class="text-dark">
 69 |                         Available on phone and tablet, wherever you go.
 70 |                     </p>
 71 |                 </div>
 72 |                 <div>
 73 |                     <img src="https://i.ibb.co/gDhnwWn/tab-content-2-3.png" alt="" />
 74 |                     <p class="text-md">
 75 |                         Use any computer
 76 |                     </p>
 77 |                     <p class="text-dark">
 78 |                         Watch right on Netflix.com.
 79 |                     </p>
 80 |                 </div>
 81 |             </div>
 82 |         </div>
 83 | 
 84 |         <!-- Tab Content 3 -->
 85 |         <div id="tab-3-content" class="tab-content-item">
 86 |             <div class="text-center">
 87 |                 <p class="text-lg">
 88 |                     Choose one plan and watch everything on Netflix.
 89 |                 </p>
 90 |                 <a href="#" class="btn btn-lg">Watch Free For 30 Days</a>
 91 |             </div>
 92 | 
 93 |             <table class="table">
 94 |                 <thead>
 95 |                     <tr>
 96 |                         <th></th>
 97 |                         <th>Basic</th>
 98 |                         <th>Standard</th>
 99 |                         <th>Premium</th>
100 |                     </tr>
101 |                 </thead>
102 |                 <tbody>
103 |                     <tr>
104 |                         <td>Monthly price after free month ends on 6/19/19</td>
105 |                         <td>$8.99</td>
106 |                         <td>$12.99</td>
107 |                         <td>$15.99</td>
108 |                     </tr>
109 |                     <tr>
110 |                         <td>HD Available</td>
111 |                         <td><i class="fas fa-times"></i></td>
112 |                         <td><i class="fas fa-check"></i></td>
113 |                         <td><i class="fas fa-check"></i></td>
114 |                     </tr>
115 |                     <tr>
116 |                         <td>Ultra HD Available</td>
117 |                         <td><i class="fas fa-times"></i></td>
118 |                         <td><i class="fas fa-times"></i></td>
119 |                         <td><i class="fas fa-check"></i></td>
120 |                     </tr>
121 |                     <tr>
122 |                         <td>Screens you can watch on at the same time</td>
123 |                         <td>1</td>
124 |                         <td>2</td>
125 |                         <td>4</td>
126 |                     </tr>
127 |                     <tr>
128 |                         <td>Watch on your laptop, TV, phone and tablet</td>
129 |                         <td><i class="fas fa-check"></i></td>
130 |                         <td><i class="fas fa-check"></i></td>
131 |                         <td><i class="fas fa-check"></i></td>
132 |                     </tr>
133 |                     <tr>
134 |                         <td>Unlimited movies and TV shows</td>
135 |                         <td><i class="fas fa-check"></i></td>
136 |                         <td><i class="fas fa-check"></i></td>
137 |                         <td><i class="fas fa-check"></i></td>
138 |                     </tr>
139 |                     <tr>
140 |                         <td>Cancel anytime</td>
141 |                         <td><i class="fas fa-check"></i></td>
142 |                         <td><i class="fas fa-check"></i></td>
143 |                         <td><i class="fas fa-check"></i></td>
144 |                     </tr>
145 |                     <tr>
146 |                         <td>First month free</td>
147 |                         <td><i class="fas fa-check"></i></td>
148 |                         <td><i class="fas fa-check"></i></td>
149 |                         <td><i class="fas fa-check"></i></td>
150 |                     </tr>
151 |                 </tbody>
152 |             </table>
153 |         </div>
154 |     </div>
155 | </section>
156 | 
157 | <footer class="footer">
158 |     <p>Questions? Call 1-866-579-7172</p>
159 |     <div class="footer-cols">
160 |         <ul>
161 |             <li><a href="#">FAQ</a></li>
162 |             <li><a href="#">Investor Relations</a></li>
163 |             <li><a href="#">Ways To Watch</a></li>
164 |             <li><a href="#">Corporate Information</a></li>
165 |             <li><a href="#">Netflix Originals</a></li>
166 |         </ul>
167 |         <ul>
168 |             <li><a href="#">Help Center</a></li>
169 |             <li><a href="#">Jobs</a></li>
170 |             <li><a href="#">Terms Of Use</a></li>
171 |             <li><a href="#">Contact Us</a></li>
172 |         </ul>
173 |         <ul>
174 |             <li><a href="#">Account</a></li>
175 |             <li><a href="#">Redeem Gift Cards</a></li>
176 |             <li><a href="#">Privacy</a></li>
177 |             <li><a href="#">Speed Test</a></li>
178 |         </ul>
179 |         <ul>
180 |             <li><a href="#">Media Center</a></li>
181 |             <li><a href="#">Buy Gift Cards</a></li>
182 |             <li><a href="#">Cookie Preferences</a></li>
183 |             <li><a href="#">Legal Notices</a></li>
184 |         </ul>
185 |     </div>
186 | 
187 | </footer>


--------------------------------------------------------------------------------