└── resiliaFlix ├── img ├── face.png ├── insta.png ├── a_origem.jpg ├── coringa.jpg ├── twitter.png ├── youtube.png ├── 1917_capa.jpg ├── jojo_rabit.jpg ├── o_poco_capa.jpg ├── forrest_gump.jpg ├── parasita_capa.jpg ├── bad_boys_para_sempre.jpg ├── vingadores_ultimato.jpg ├── magnatas_do_crime_capa.jpg ├── o_homem_invisivel_capa.jpg ├── era_uma_vez_em_hollywood.jpg └── batman_cavaleiro_das_trevas.jpg ├── css ├── reset.css └── style.css └── index.html /resiliaFlix/img/face.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/face.png -------------------------------------------------------------------------------- /resiliaFlix/img/insta.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/insta.png -------------------------------------------------------------------------------- /resiliaFlix/img/a_origem.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/a_origem.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/coringa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/coringa.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/twitter.png -------------------------------------------------------------------------------- /resiliaFlix/img/youtube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/youtube.png -------------------------------------------------------------------------------- /resiliaFlix/img/1917_capa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/1917_capa.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/jojo_rabit.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/jojo_rabit.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/o_poco_capa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/o_poco_capa.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/forrest_gump.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/forrest_gump.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/parasita_capa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/parasita_capa.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/bad_boys_para_sempre.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/bad_boys_para_sempre.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/vingadores_ultimato.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/vingadores_ultimato.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/magnatas_do_crime_capa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/magnatas_do_crime_capa.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/o_homem_invisivel_capa.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/o_homem_invisivel_capa.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/era_uma_vez_em_hollywood.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/era_uma_vez_em_hollywood.jpg -------------------------------------------------------------------------------- /resiliaFlix/img/batman_cavaleiro_das_trevas.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/vicckm/projetos-resilia/master/resiliaFlix/img/batman_cavaleiro_das_trevas.jpg -------------------------------------------------------------------------------- /resiliaFlix/css/reset.css: -------------------------------------------------------------------------------- 1 | /* http://meyerweb.com/eric/tools/css/reset/ 2 | v2.0 | 20110126 3 | License: none (public domain) 4 | */ 5 | 6 | html, body, div, span, applet, object, iframe, 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, 9 | del, dfn, em, img, ins, kbd, q, s, samp, 10 | small, strike, strong, sub, sup, tt, var, 11 | b, u, i, center, 12 | dl, dt, dd, ol, ul, li, 13 | fieldset, form, label, legend, 14 | table, caption, tbody, tfoot, thead, tr, th, td, 15 | article, aside, canvas, details, embed, 16 | figure, figcaption, footer, header, hgroup, 17 | menu, nav, output, ruby, section, summary, 18 | time, mark, audio, video { 19 | margin: 0; 20 | padding: 0; 21 | border: 0; 22 | font-size: 100%; 23 | font: inherit; 24 | vertical-align: baseline; 25 | } 26 | /* HTML5 display-role reset for older browsers */ 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, menu, nav, section { 29 | display: block; 30 | } 31 | body { 32 | line-height: 1; 33 | } 34 | ol, ul { 35 | list-style: none; 36 | } 37 | blockquote, q { 38 | quotes: none; 39 | } 40 | blockquote:before, blockquote:after, 41 | q:before, q:after { 42 | content: ''; 43 | content: none; 44 | } 45 | table { 46 | border-collapse: collapse; 47 | border-spacing: 0; 48 | } -------------------------------------------------------------------------------- /resiliaFlix/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | ResiliaFlix 6 | 7 | 8 | 9 | 10 | 11 |
12 |
13 |

ResiliaFlix

14 | 20 |
21 |
22 | 23 |
24 |
25 | 40 |
41 |
42 | 43 | 44 | 55 | 56 | -------------------------------------------------------------------------------- /resiliaFlix/css/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | height: 100%; 3 | } 4 | 5 | body { 6 | background: #eae2b7; 7 | font-family: Verdana, Geneva, Tahoma, sans-serif; 8 | display: flex; 9 | flex-direction: column; 10 | min-height: 100%; 11 | } 12 | 13 | .header-principal { 14 | display: flex; 15 | background: #003049; 16 | height: 100px; 17 | align-items: center; 18 | } 19 | 20 | .header-container { 21 | display: flex; 22 | width: 940px; 23 | margin: 0 auto; 24 | justify-content: space-between; 25 | align-items: center; 26 | } 27 | 28 | .header-container .header-nav { 29 | display: flex; 30 | } 31 | 32 | .header-container .header-titulo { 33 | color: #fcbf49; 34 | font-size: 36px; 35 | font-style: italic; 36 | font-weight: bold; 37 | } 38 | 39 | .header-container .header-nav a { 40 | background: #fcbf49; 41 | padding: 10px 20px; 42 | border-radius: 20px; 43 | margin: 20px; 44 | text-decoration: none; 45 | font-size: 20px; 46 | color: #003049; 47 | } 48 | 49 | main { 50 | display: flex; 51 | padding: 20px 0; 52 | } 53 | 54 | .main-container { 55 | width: 940px; 56 | margin: 0 auto; 57 | } 58 | 59 | .main-container ul { 60 | display: flex; 61 | flex-wrap: wrap; 62 | 63 | } 64 | 65 | .main-container li { 66 | margin: 15px; 67 | } 68 | 69 | .main-container img { 70 | width: 200px; 71 | } 72 | 73 | footer { 74 | /* position: fixed; 75 | bottom: 0; */ 76 | width: 100%; 77 | text-align: center; 78 | background-color: #003049; 79 | padding: 20px 0; 80 | margin-top: auto; 81 | } 82 | 83 | footer li { 84 | display: inline; 85 | } 86 | 87 | .icon { 88 | align-items: center; 89 | width: 32px; 90 | margin-left: 20px; 91 | } 92 | 93 | .copyright { 94 | font-size: 13px; 95 | margin-top: 10px; 96 | color: #fcbf49; 97 | } 98 | 99 | /* Mobile */ 100 | 101 | @media(max-width: 768px) { 102 | 103 | .header-principal { 104 | height: auto; 105 | } 106 | 107 | .header-principal .header-container { 108 | flex-direction: column; 109 | text-align: center; 110 | margin: 20px 0; 111 | } 112 | 113 | .header-principal .header-nav { 114 | flex-direction: column; 115 | } 116 | 117 | .header-container .header-titulo { 118 | margin-bottom: 10px; 119 | } 120 | 121 | .header-container .header-nav a { 122 | margin: 10px 0; 123 | } 124 | 125 | .main-container { 126 | width: 768px; 127 | } 128 | 129 | .main-container ul { 130 | flex-direction: column; 131 | 132 | } 133 | 134 | .main-container li { 135 | margin: 20px auto; 136 | } 137 | 138 | } 139 | 140 | @media(min-width: 769px) and (max-width: 939px) { 141 | 142 | .header-titulo { 143 | margin-left: 20px; 144 | } 145 | 146 | .main-container { 147 | width: 939px; 148 | } 149 | 150 | .main-container li { 151 | margin: 20px auto; 152 | } 153 | 154 | } 155 | 156 | @media(max-width: 1200px) { 157 | .header-titulo { 158 | margin-left: 20px; 159 | } 160 | } 161 | 162 | 163 | --------------------------------------------------------------------------------