Atividade-pratica-da-semana-1-de-Bootstrap-5-andersonlx5014

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

.cache/replit/__replit_disk_meta.json
{"nonce":1987325121771197365,"last_updated":{"seconds":1693183505,"nanos":639423000}}
.cache/replit/nix/env.json
{"entries":{"replit.nix":{"env":{"AR":"ar","AS":"as","CC":"gcc","CONFIG_SHELL":"/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin/bash","CXX":"g++","HOST_PATH":"/nix/store/mj9madzlh0xwcccb30qsnsclfjxr5k1s-vscode-langservers-extracted-3.0.1/bin:/nix/store/kiz1faskxp6yc0brxs86jp1cw4d8rjfn-typescript-language-server-3.1.0/bin:/nix/store/jd1y449cf66yx5d1hwyjvc4562b1p1am-coreutils-9.0/bin:/nix/store/jjvw20r6pz3ff7pn91yhvfx8s7izsqan-findutils-4.8.0/bin:/nix/store/ndd6gh8zigjy0j68arj7nyrbcw4kcw01-diffutils-3.8/bin:/nix/store/bpg0ia8nkavzw7s66avi1f9nz72i1p3r-gnused-4.8/bin:/nix/store/df3ff57sbkgbdhc4ar19zs4y0hrhggii-gnugrep-3.7/bin:/nix/store/4fv981732jqzirah3h2y6ynmlsfbxb37-gawk-5.1.1/bin:/nix/store/k5ifa08z0qlkknnb8s1bdh2kdrx0qmd0-gnutar-1.34/bin:/nix/store/dcird3wn9xywy49w3qq1hpjwvjfn3lph-gzip-1.11/bin:/nix/store/s85iyc3p9nbinwvwx9rcqirf1m68zpmm-bzip2-1.0.6.0.2-bin/bin:/nix/store/msncxcf5lgy5by9cqjyxchxd26x47d64-gnumake-4.3/bin:/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin:/nix/store/gi3psbgxbf2fmvgi36pmw77nnh58vq3l-patch-2.7.6/bin:/nix/store/sqb20f4rk80lw21j4is85qwljlphmn3g-xz-5.2.5-bin/bin","LD":"ld","LOCALE_ARCHIVE":"/usr/lib/locale/locale-archive","NIX_BINTOOLS":"/nix/store/spm7d6ncyx2k5w8yl6clzynv2s4wf1kp-binutils-wrapper-2.35.2","NIX_BINTOOLS_WRAPPER_TARGET_HOST_x86_64_unknown_linux_gnu":"1","NIX_BUILD_CORES":"16","NIX_BUILD_TOP":"/tmp","NIX_CC":"/nix/store/2qwnn6lizc9d119kp3zig3q19gbfm4n6-gcc-wrapper-10.3.0","NIX_CC_WRAPPER_TARGET_HOST_x86_64_unknown_linux_gnu":"1","NIX_CFLAGS_COMPILE":" -frandom-seed=2nlkphzy1i","NIX_ENFORCE_NO_NATIVE":"1","NIX_HARDENING_ENABLE":"fortify stackprotector pic strictoverflow format relro bindnow","NIX_INDENT_MAKE":"1","NIX_LDFLAGS":"-rpath /nix/store/2nlkphzy1is93ddwiybacwlcgh58bwaz-nix-shell/lib64 -rpath /nix/store/2nlkphzy1is93ddwiybacwlcgh58bwaz-nix-shell/lib ","NIX_STORE":"/nix/store","NM":"nm","OBJCOPY":"objcopy","OBJDUMP":"objdump","PATH":"/nix/store/bccsypsvjskpzsgzww8bzjgqmck4bjbf-bash-interactive-5.1-p8/bin:/nix/store/bqmg7l0jn6nhgjlfc981g1imzb6ny8xl-patchelf-0.13/bin:/nix/store/2qwnn6lizc9d119kp3zig3q19gbfm4n6-gcc-wrapper-10.3.0/bin:/nix/store/6r5h4h7nqx73m87j5b9sjwy2x9kyri0k-gcc-10.3.0/bin:/nix/store/csz8v8xi2f644j26n84i20dnqmq43sih-glibc-2.33-117-bin/bin:/nix/store/jd1y449cf66yx5d1hwyjvc4562b1p1am-coreutils-9.0/bin:/nix/store/spm7d6ncyx2k5w8yl6clzynv2s4wf1kp-binutils-wrapper-2.35.2/bin:/nix/store/h19zwlkrp6b0hp3ypbqdcggnyarn3af6-binutils-2.35.2/bin:/nix/store/mj9madzlh0xwcccb30qsnsclfjxr5k1s-vscode-langservers-extracted-3.0.1/bin:/nix/store/kiz1faskxp6yc0brxs86jp1cw4d8rjfn-typescript-language-server-3.1.0/bin:/nix/store/jd1y449cf66yx5d1hwyjvc4562b1p1am-coreutils-9.0/bin:/nix/store/jjvw20r6pz3ff7pn91yhvfx8s7izsqan-findutils-4.8.0/bin:/nix/store/ndd6gh8zigjy0j68arj7nyrbcw4kcw01-diffutils-3.8/bin:/nix/store/bpg0ia8nkavzw7s66avi1f9nz72i1p3r-gnused-4.8/bin:/nix/store/df3ff57sbkgbdhc4ar19zs4y0hrhggii-gnugrep-3.7/bin:/nix/store/4fv981732jqzirah3h2y6ynmlsfbxb37-gawk-5.1.1/bin:/nix/store/k5ifa08z0qlkknnb8s1bdh2kdrx0qmd0-gnutar-1.34/bin:/nix/store/dcird3wn9xywy49w3qq1hpjwvjfn3lph-gzip-1.11/bin:/nix/store/s85iyc3p9nbinwvwx9rcqirf1m68zpmm-bzip2-1.0.6.0.2-bin/bin:/nix/store/msncxcf5lgy5by9cqjyxchxd26x47d64-gnumake-4.3/bin:/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin:/nix/store/gi3psbgxbf2fmvgi36pmw77nnh58vq3l-patch-2.7.6/bin:/nix/store/sqb20f4rk80lw21j4is85qwljlphmn3g-xz-5.2.5-bin/bin","RANLIB":"ranlib","READELF":"readelf","SIZE":"size","SOURCE_DATE_EPOCH":"315532800","STRINGS":"strings","STRIP":"strip","XDG_DATA_DIRS":"/nix/store/bqmg7l0jn6nhgjlfc981g1imzb6ny8xl-patchelf-0.13/share","_":"/nix/store/jd1y449cf66yx5d1hwyjvc4562b1p1am-coreutils-9.0/bin/env","__ETC_PROFILE_SOURCED":"1","buildInputs":"/nix/store/mj9madzlh0xwcccb30qsnsclfjxr5k1s-vscode-langservers-extracted-3.0.1 /nix/store/kiz1faskxp6yc0brxs86jp1cw4d8rjfn-typescript-language-server-3.1.0","builder":"/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin/bash","configureFlags":"","depsBuildBuild":"","depsBuildBuildPropagated":"","depsBuildTarget":"","depsBuildTargetPropagated":"","depsHostHost":"","depsHostHostPropagated":"","depsTargetTarget":"","depsTargetTargetPropagated":"","doCheck":"","doInstallCheck":"","name":"nix-shell","nativeBuildInputs":"","nobuildPhase":"echo\necho \"This derivation is not meant to be built, aborting\";\necho\nexit 1\n","out":"/nix/store/2nlkphzy1is93ddwiybacwlcgh58bwaz-nix-shell","outputs":"out","patches":"","phases":"nobuildPhase","propagatedBuildInputs":"","propagatedNativeBuildInputs":"","shell":"/nix/store/bm7jr70d9ghn5cczb3q0w90apsm05p54-bash-5.1-p8/bin/bash","shellHook":"","stdenv":"/nix/store/z7wz8q1i0j4jmfpn87wpakwma6q0k90n-stdenv-linux","strictDeps":"","system":"x86_64-linux"},"dependencies":[{"path":"replit.nix","mod_time":"2022-11-08T20:27:39.827255238Z"}],"channel":"stable-21_11","channel_nix_path":"/nix/store/67ls7gqys2krv5880a72q7m9vgc51jk5-nixpkgs-stable-21_11-21.11.tar.gz/nixpkgs-stable-21_11"}}}
.config/configstore/update-notifier-npm.json
{
	"optOut": false,
	"lastUpdateCheck": 1693178078869
}
.config/configstore/update-notifier-npm.json.2701252402
.lesson/assets/logo.png
.lesson/instructions.md
# Atividade Prática da Semana 1
Na atividade prática desta primeira semana do módulo 2, você deverá abrir os arquivos questao01.html até questao10.html e fazer o que é pedido no enunciado de cada questão. Não deixe de ver o vídeo de apresentação desta atividade no ambiente virtual de aprendizagem, pois ele contém muitos detalhes importantes sobre a realização da atividade.
Bons estudos!
.replit
hidden=[".config"]
# hosting is currently hardcoded for this language
# [hosting]
# route = "/"
# directory= "/"
[nix]
channel = "stable-21_11"
[languages.html]
pattern = "**/*.html"
 [languages.html.languageServer]
start = "vscode-html-language-server --stdio"
 [languages.html.languageServer.initializationOptions]
 provideFormatter = true
 [languages.html.languageServer.configuration.html]
 customData = [ ]
 autoCreateQuotes = true
 autoClosingTags = true
 mirrorCursorOnMatchingTag = false
 
 [languages.html.languageServer.configuration.html.completion]
 attributeDefaultValue = "doublequotes"
 
 [languages.html.languageServer.configuration.html.format]
 enable = true
 wrapLineLength = 120
 unformatted = "wbr"
 contentUnformatted = "pre,code,textarea"
 indentInnerHtml = false
 preserveNewLines = true
 indentHandlebars = false
 endWithNewline = false
 extraLiners = "head, body, /html"
 wrapAttributes = "auto"
 templating = false
 unformattedContentDelimiter = ""
 
 [languages.html.languageServer.configuration.html.suggest]
 html5 = true
 
 [languages.html.languageServer.configuration.html.validate]
 scripts = true
 styles = true
 
 [languages.html.languageServer.configuration.html.hover]
 documentation = true
 references = true
 
 [languages.html.languageServer.configuration.html.trace]
 server = "off"
[languages.javascript]
pattern = "**/{*.js,*.jsx,*.ts,*.tsx,*.mjs,*.cjs}"
 [languages.javascript.languageServer]
start = "typescript-language-server --stdio"
[languages.css]
pattern = "**/{*.less,*.scss,*.css}"
 [languages.css.languageServer]
start = "vscode-css-language-server --stdio"
 [languages.css.languageServer.configuration.css]
 customData = [ ]
 validate = true
 [languages.css.languageServer.configuration.css.completion]
 triggerPropertyValueCompletion = true
 completePropertyWithSemicolon = true
 
 [languages.css.languageServer.configuration.css.hover]
 documentation = true
 references = true
 
 [languages.css.languageServer.configuration.css.lint]
 # Configure linting
 # ignore = don't show any warning or error
 # warning = show yellow underline
 # error = show red underline
 argumentsInColorFunction
= "error" # Invalid number of parameters
 boxModel = "ignore" # Do not use width or height when using padding or border
 compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties"
 duplicateProperties = "warning" # Do not use duplicate style definitions
 emptyRules = "warning" # Do not use empty rulesets
 float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes.
 fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties 
 hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers
 idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML.
 ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older
 important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored.
 importStatement = "ignore" # Import statements do not load in parallel
 propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display
 universalSelector = "ignore" # The universal selector (*) is known to be slow
 unknownAtRules = "warning" # Unknown at-rule
 unknownProperties = "warning" # Unknown property.
 validProperties = [ ] # add some properties that the linter doesn't know about
 unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property.
 vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property
 zeroUnits = "ignore" # No unit for zero needed
 
 [languages.css.languageServer.configuration.css.trace]
 server = "off"
 
 [languages.css.languageServer.configuration.scss]
 validate = true
 
 [languages.css.languageServer.configuration.scss.completion]
 triggerPropertyValueCompletion = true
 completePropertyWithSemicolon = true
 
 [languages.css.languageServer.configuration.scss.hover]
 documentation = true
 references = true
 
 [languages.css.languageServer.configuration.scss.lint]
 # Configure linting
 # ignore = don't show any warning or error
 # warning = show yellow underline
 # error = show red underline
 argumentsInColorFunction = "error" # Invalid number of parameters
 boxModel = "ignore" # Do not use width or height when using padding or border
 compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties"
 duplicateProperties = "warning" # Do not use duplicate style definitions
 emptyRules = "warning" # Do not use empty rulesets
 float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes.
 fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties 
 hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers
 idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML.
 ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older
 important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored.
 importStatement = "ignore" # Import statements do not load in parallel
 propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display
 universalSelector = "ignore" # The universal selector (*) is known to be slow
 unknownAtRules = "warning" # Unknown at-rule
 unknownProperties = "warning" # Unknown property.
 validProperties = [ ] # add some properties that the linter doesn't know about
 unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property.
 vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property
 zeroUnits = "ignore" # No unit for zero needed"
 
 [languages.css.languageServer.configuration.less]
 validate = true
 
 [languages.css.languageServer.configuration.less.completion]
 triggerPropertyValueCompletion = true
 completePropertyWithSemicolon = true
 
 [languages.css.languageServer.configuration.less.hover]
 documentation = true
 references = true
 
 [languages.css.languageServer.configuration.less.lint]
 # Configure linting
 # ignore = don't show any warning or error
 # warning = show yellow underline
 # error = show red underline
 argumentsInColorFunction = "error" # Invalid number of parameters
 boxModel = "ignore" # Do not use width or height when using padding or border
 compatibleVendorPrefixes = "ignore" # When using a vendor-specific prefix make sure to also include all other vendor-specific properties"
 duplicateProperties = "warning" # Do not use duplicate style definitions
 emptyRules = "warning" # Do not use empty rulesets
 float = "ignore" # Avoid using 'float'. Floats lead to fragile CSS that is easy to break if one aspect of the layout changes.
 fontFaceProperties = "warning" # @font-face rule must define 'src' and 'font-family' properties 
 hexColorLength = "error" # Hex colors must consist of three, four, six or eight hex numbers
 idSelector = "ignore" # Selectors should not contain IDs because these rules are too tightly coupled with the HTML.
 ieHack = "ignore" # IE hacks are only necessary when supporting IE7 and older
 important = "ignore" # Avoid using !important. It is an indication that the specificity of the entire CSS has gotten out of control and needs to be refactored.
 importStatement = "ignore" # Import statements do not load in parallel
 propertyIgnoredDueToDisplay = "warning" # Property is ignored due to the display
 universalSelector = "ignore" # The universal selector (*) is known to be slow
 unknownAtRules = "warning" # Unknown at-rule
 unknownProperties = "warning" # Unknown property.
 validProperties = [ ] # add some properties that the linter doesn't know about
 unknownVendorSpecificProperties = "ignore" # Unknown vendor specific property.
 vendorPrefix = "warning" # When using a vendor-specific prefix also include the standard property
 zeroUnits = "ignore" # No unit for zero needed"
[gitHubImport]
requiredFiles = [".replit", "replit.nix", ".config"]
cachorro.jpg
estilos.css
div {
 height: 120px;
}
flores.jpg
index.html
 
 Índice das Questões
 
 Use as classes de cores de fundo do Bootstrap 5 para diferenciar as DIVs. São elas: bg-primary,
 bg-secondary, bg-success, bg-info, bg-warning, bg-danger e bg-dark.
 
 Questão 00
 Questão 01
 Questão 02
 Questão 03
 Questão 04
 Questão 05
 Questão 06
 Questão 07
 Questão 08
 Questão 09
 Questão 10
 
questao00.html
 
 Voltar ao Índice
 Questão 00
 Usando classes do Bootstrap 5, faça um leiaute que mostre sempre 1 linha com 2 colunas de larguras
 iguais em qualquer resolução de tela.
 
 
 
 
 
 
 
questao01.html
 
 Voltar ao Índice
 Questão 01
 Usando classes do Bootstrap 5, faça um leiaute que mostre sempre 1 linha com 3 colunas de tamanhos iguais em qualquer largura de tela.
 
 
 
 
 
 
 
 
 
questao02.html
 
 Voltar ao Índice
 Questão 02
 Usando classes do Bootstrap 5, faça um leiaute que mostre 1 linha com 4 colunas na resolução MD ou
 superior, 2 linhas com 2 colunas na resolução SM e 4 linhas com 1 coluna em resoluções
abaixo de SM.
 
 
 
 
 
 
 
 
 
 
questao03.html
 
 Voltar ao Índice
 Questão 03
 Usando classes do Bootstrap 5, faça um leiaute que mostre 2 linhas de 6 colunas na resolução XL ou
 superior, 3 linhas de 4 colunas na resolução LG, 4 linhas de 3 colunas na resolução MD, 6 linhas de 2 colunas na
 resolução SM e 12 linhas de 1 coluna em resoluções abaixo de SM. Quando mostrar mais de 1 linha, elas devem estar
 separadas por 3 espaçamentos.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
questao04.html
 
 Voltar ao Índice
 Questão 04
 Usando classes do Bootstrap 5, faça um leiaute que mostre sempre 1 linha com 1 coluna centralizada,
 sendo que essa coluna deve ter 1/3 da largura do contêiner em qualquer resolução de tela.
 
 
 
 
 
 
 
questao05.html
 
 Voltar ao Índice
 Questão 05
 Usando classes do Bootstrap 5, faça um leiaute que, em resolução MD ou superior, mostre sempre 1
 linha com 1 coluna centralizada, sendo que essa coluna deve ter 1/3 da largura do contêiner. Em resolução inferior
 a MD mostre, a coluna mostrada deve ocupar toda a largura do contêiner.
 
 
 
 
 
 
 
questao06.html
 
 Voltar ao Índice
 Questão 06
 Usando classes do Bootstrap 5, crie um leiaute de duas colunas e em cada coluna mostre as imagens "cachorro.jpg" e "flores.jpg", respectivamente, de forma que elas ocupem 100% da largura da coluna e tenham uma borda suave com cantos arredondados. Essa configuração de leiaute deve se manter em qualquer resolução de tela.
 
 
 
 
 
 
 
 
 
 
 
 
questao07.html
 
 Voltar ao Índice
 Questão 07
 Crie uma tabela com 4 colunas e 4 linhas com a formatação padrão do Bootstrap 5.
 
 
 
 		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
 
questao08.html
 
 Voltar ao Índice
 Questão 08
 Crie uma tabela com 4 colunas e 4 linhas com a formatação padrão do Bootstrap 5, sendo que a
 primeira linha deve ter fundo escuro com texto branco.
 
 
 
 		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
 
questao09.html
 
 Voltar ao Índice
 Questão 09
 Crie uma tabela com 4 colunas e 4 linhas com a formatação padrão do Bootstrap 5, sendo que a
 primeira linha deve ter uma linha de separação mais espessa para as linhas inferiores.
 
 
 
 		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
 
questao10.html
 
 Voltar ao Índice
 Questão 10
 Crie uma tabela com 4 colunas e 4 linhas com a formatação padrão do Bootstrap 5, sendo que a
 primeira linha deve ter fundo escuro com texto branco. A tabela deve ter bordas entre linhas e colunas,
 cores diferentes para linhas pares e ímpares, e deve ser compacta.
 
 
 
 		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
		Célula 1		Célula 2		Célula 3		Célula 4
 
replit.nix
{ pkgs }: {
 deps = [
 pkgs.nodePackages.vscode-langservers-extracted
 pkgs.nodePackages.typescript-language-server
 ];
}