README.md

Welcome AI Motions

⚡ View mockup · Start coding ⚡

Instructions

• You have 15 minutes to implement this UI.
• Text, colors, and other assets are provided for you.
• Some basic CSS is provided for you.
• You can search online if you get stuck.
• When you're done, Fork the Codepen page and share with us the URL.

Text content

Feel free to copy/paste:

Drama • Fantasy
The One I love

A couple (Mark Duplass, Elisabeth Moss) whose marriage is crumbling have a surreal experience during a weekend getaway at a house recommended by their therapist (Ted Danson).

Images

The One I Love

https://i.imgur.com/7VrFq8G.jpg

Arrow

https://i.imgur.com/1ffu7ab.png

CSS

Feel free to copy/paste:

// Colors
$default: #212121;
$accent: #0039FF;

// Metrics
$poster-height: 250px;

// Font
font-family: 'Poppins', sans-serif;

// Fonts (Poppins)
@import url('https://fonts.googleapis.com/css?family=Poppins');

// CSS reset
@import url('https://cdn.jsdelivr.net/npm/sanitize.css@5.0.0/sanitize.css');

html {
  // Start coding here!
}

gistfile1.txt

# Welcome AI Motions

<p align='center'>:zap: <a href='https://i.imgur.com/wyaQjgy.jpg'>View mockup</a> · <a href='https://codepen.io/anon/pen/PQBOPN?editors=1100'><strong>Start coding</strong></a> :zap:</p>

<p align='center'><img src='https://i.imgur.com/wyaQjgy.jpg' width='600'></p>

## Instructions

  * You have 15 minutes to implement this UI.
  * Text, colors, and other assets are provided for you.
  * Some basic CSS is provided for you.
  * You can search online if you get stuck.
  * When you're done, `Fork` the Codepen page and share with us the URL.

## Text content

Feel free to copy/paste:

```
Drama • Fantasy
The One I love

A couple (Mark Duplass, Elisabeth Moss) whose marriage is crumbling have a surreal experience during a weekend getaway at a house recommended by their therapist (Ted Danson).
```

## Images

The One I Love

```
https://i.imgur.com/7VrFq8G.jpg
```

Arrow

```
https://i.imgur.com/1ffu7ab.png
```

## CSS

Feel free to copy/paste:

```scss
// Colors
$default: #212121;
$accent: #0039FF;

// Metrics
$poster-height: 250px;

// Font
font-family: 'Poppins', sans-serif;

// Fonts (Poppins)
@import url('https://fonts.googleapis.com/css?family=Poppins');

// CSS reset
@import url('https://cdn.jsdelivr.net/npm/sanitize.css@5.0.0/sanitize.css');

html {
  // Start coding here!
}
```