Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added starter-code/._index.html
Binary file not shown.
Binary file added starter-code/images/avatars/._avatar1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added starter-code/images/avatars/._avatar2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added starter-code/images/avatars/._avatar3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added starter-code/images/avatars/._avatar4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added starter-code/images/avatars/._avatar5.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,272 @@
<!DOCTYPE html>
<!-- saved from url=(0060)file:///E:/ejercicios/css-responsive/starter-code/index.html -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>CSS Lab | Responsive Cloning | Product Hunt</title>
<link rel="stylesheet" href="file:///E:/ejercicios/css-responsive/starter-code/style.css">
<link rel="stylesheet" href="./CSS Lab _ Responsive Cloning _ Product Hunt_files/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
</head>
<body>
<header>
<div class="global-nav">
<div class="pre-nav">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/logo.png" alt="">
<div class="busca">
<span class="fas fa-search i-search"></span>
<input type="text" class="form-control" placeholder="Discover your next favorite thing…">
</div>
<span><i class="fas fa-ellipsis-h"></i></span>
<p>Login</p>
</div>
<nav>
<ul>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">Home</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">Tech</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">Games</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">Podcast</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">Books</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">Bots</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">Developer Tools</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">iMessage Apps</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">iPhone</a></li>
<li><a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">Photography Tools</a></li>
<li>
<span class="prev"><img src="file:///E:/ejercicios/css-responsive/starter-code/images/arrow-prev.png" alt=""></span>
<span class="next"><img src="file:///E:/ejercicios/css-responsive/starter-code/images/arrow-next.png" alt=""></span>
</li>
</ul>
</nav>
</div>
</header>
<div class="contain-news">
<div class="newsletter">
<p>👋 <strong>Welcome to Product Hunt</strong> Get the best new products in your inbox, daily.</p>
<div class="suscribe">
<input type="text" placeholder="Your email">
<span class="btn-newsletter">SUBSCRIBE</span>
</div>

<span class="close"><i class="fas fa-times"></i></span>
</div>
</div>

<div id="contain-all">
<main id="main-content">
<div class="content1">
<div class="main-line">
<h2>Popular this week</h2>
<span class="close"><i class="fas fa-times"></i></span>
</div>

<div class="item-app">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/popular-this-week/app-1.png" alt="">
<div class="item-content">
<h3>Duolingo Bots</h3>
<p>Al-powered characters to teach language conversation</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#"><i class="fas fa-sort-up"></i>1460</a>
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#" class=""><i class="fas fa-comment"></i>49</a>
</div>
<div class="tags">
<span class="category">iphone</span>
<span>+2</span>
</div>
</div>
</div>
</div>

<div class="item-app">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/popular-this-week/app-2.png" alt="">
<div class="item-content">
<h3>Tribe 2.0</h3>
<p>Introducing Augmented Messaging™</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#"><i class="fas fa-sort-up"></i>1465</a>
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#" class=""><i class="fas fa-comment"></i>188</a>
<span class="winer">🏆 #1 IN TECH</span>
</div>
<div class="tags">
<span class="category">android</span>
<span>+4</span>
</div>
</div>
</div>
</div>

<div class="item-app last">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/popular-this-week/app-3.png" alt="">
<div class="item-content">
<h3>Workplace by Facebook</h3>
<p>Al-powered characters to teach language conversation</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#"><i class="fas fa-sort-up"></i>1460</a>
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#" class=""><i class="fas fa-comment"></i>49</a>
</div>
<div class="tags">
<span class="category">iphone</span>
<span>+2</span>
</div>
</div>
</div>
</div>

<h4><i class="fas fa-chevron-down"></i> SHOW MORE</h4>
</div>

<div class="content2">
<div class="main-line">
<h2>Today</h2>
<div class="today">
<h4>popular</h4>
<h4>newest</h4>
</div>
</div>

<div class="item-app">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/today/app-1.png" alt="">
<div class="item-content">
<h3>Sprayscape</h3>
<p>A perfectly imperfect VR-ish camera experiment, by Google</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#"><i class="fas fa-sort-up"></i>820</a>
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#" class=""><i class="fas fa-comment"></i>8</a>
<span class="winer">🏆 #1 IN TECH</span>
</div>
<div class="tags">
<span class="category">android</span>
<span>+3</span>
</div>
</div>
</div>
</div>

<div class="item-app">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/today/app-2.png" alt="">
<div class="item-content">
<h3>Ask Gary Vee</h3>
<p>The unofficial Gary Vee persona chatbot on Messenger!</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#"><i class="fas fa-sort-up"></i>21</a>
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#" class=""><i class="fas fa-comment"></i>9</a>
</div>
<div class="tags">
<span class="category">get shit done</span>
<span>+4</span>
</div>
</div>
</div>
</div>

<div class="item-app last">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/today/app-3.png" alt="">
<div class="item-content">
<h3>The Electron Wheel</h3>
<p>Turn your standard bicycle into an electric bike.</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#"><i class="fas fa-sort-up"></i>23</a>
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#" class=""><i class="fas fa-comment"></i>2</a>
</div>
</div>
</div>
</div>

<h4><i class="fas fa-chevron-down"></i> SHOW MORE</h4>
</div>
</main>
<aside id="aside">
<div class="beside1">
<div class="beside-title">
<h2>Kittyboot for Slack</h2>
<span class="close"><i class="fas fa-times"></i></span>
</div>
<p>A friendly feline that sends you cool new things.</p>
<div class="btn-slack">
<i class="fab fa-slack-hash"></i> add Kityboot to slack
</div>
</div>
<div class="beside2">
<h3 class="chat">upcoming live chats</h3>

<div class="avatar">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/avatars/avatar1.png" alt="">
<div class="avatar-name">
<h4>Adam Besvinick</h4>
<p>VC at Deep Fork Capital</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">remind me</a>
</div>
</div>
</div>
</div>

<div class="avatar">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/avatars/avatar2.png" alt="">
<div class="avatar-name">
<h4>Susan David</h4>
<p>Author of Emotionally Guilty</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">remind me</a>
</div>
</div>
</div>
</div>

<div class="avatar">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/avatars/avatar3.png" alt="">
<div class="avatar-name">
<h4>Avid Larizadeh Duggan</h4>
<p>General Partner at GV</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">remind me</a>
</div>
</div>
</div>
</div>

<div class="avatar">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/avatars/avatar4.png" alt="">
<div class="avatar-name">
<h4>Katerina Markov Schneider</h4>
<p>Founder and CEO os Ritual</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">remind me</a>
</div>
</div>
</div>
</div>

<div class="avatar">
<img src="file:///E:/ejercicios/css-responsive/starter-code/images/avatars/avatar5.png" alt="">
<div class="avatar-name">
<h4>Jocelyn Glei</h4>
<p>Master of Productivity, founder and author...</p>
<div class="item-numbers">
<div class="numbers-app">
<a href="file:///E:/ejercicios/css-responsive/starter-code/index.html#">remind me</a>
</div>
</div>
</div>
</div>




<h4 class="more">see more</h4>
</div>
</aside>
</div>


</body></html>

Large diffs are not rendered by default.

Binary file added starter-code/images/avatars/avatar1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added starter-code/images/avatars/avatar2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added starter-code/images/avatars/avatar3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added starter-code/images/avatars/avatar4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added starter-code/images/avatars/avatar5.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading