1
0
mirror of https://github.com/Nikotro/First.git synced 2024-12-23 14:42:58 +03:00

FIX: container

This commit is contained in:
Lustach 2022-04-11 16:57:01 +03:00
parent 2fd4afb8f0
commit 219d2703f8
7 changed files with 630 additions and 147 deletions

5
.idea/.gitignore vendored Normal file
View File

@ -0,0 +1,5 @@
# Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/

12
.idea/NIKITA.iml Normal file
View File

@ -0,0 +1,12 @@
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>

458
.idea/dbnavigator.xml Normal file
View File

@ -0,0 +1,458 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="DBNavigator.Project.DataEditorManager">
<record-view-column-sorting-type value="BY_INDEX" />
<value-preview-text-wrapping value="true" />
<value-preview-pinned value="false" />
</component>
<component name="DBNavigator.Project.DataExportManager">
<export-instructions>
<create-header value="true" />
<friendly-headers value="false" />
<quote-values-containing-separator value="true" />
<quote-all-values value="false" />
<value-separator value="" />
<file-name value="" />
<file-location value="" />
<scope value="GLOBAL" />
<destination value="FILE" />
<format value="EXCEL" />
<charset value="windows-1251" />
</export-instructions>
</component>
<component name="DBNavigator.Project.DatabaseBrowserManager">
<autoscroll-to-editor value="false" />
<autoscroll-from-editor value="true" />
<show-object-properties value="true" />
<loaded-nodes />
</component>
<component name="DBNavigator.Project.DatabaseFileManager">
<open-files />
</component>
<component name="DBNavigator.Project.EditorStateManager">
<last-used-providers />
</component>
<component name="DBNavigator.Project.ExecutionManager">
<retain-sticky-names value="false" />
</component>
<component name="DBNavigator.Project.MethodExecutionManager">
<method-browser />
<execution-history>
<group-entries value="true" />
<execution-inputs />
</execution-history>
<argument-values-cache />
</component>
<component name="DBNavigator.Project.ObjectDependencyManager">
<last-used-dependency-type value="INCOMING" />
</component>
<component name="DBNavigator.Project.ObjectQuickFilterManager">
<last-used-operator value="EQUAL" />
<filters />
</component>
<component name="DBNavigator.Project.ParserDiagnosticsManager">
<diagnostics-history />
</component>
<component name="DBNavigator.Project.ScriptExecutionManager" clear-outputs="true">
<recently-used-interfaces />
</component>
<component name="DBNavigator.Project.Settings">
<connections />
<browser-settings>
<general>
<display-mode value="TABBED" />
<navigation-history-size value="100" />
<show-object-details value="false" />
</general>
<filters>
<object-type-filter>
<object-type name="SCHEMA" enabled="true" />
<object-type name="USER" enabled="true" />
<object-type name="ROLE" enabled="true" />
<object-type name="PRIVILEGE" enabled="true" />
<object-type name="CHARSET" enabled="true" />
<object-type name="TABLE" enabled="true" />
<object-type name="VIEW" enabled="true" />
<object-type name="MATERIALIZED_VIEW" enabled="true" />
<object-type name="NESTED_TABLE" enabled="true" />
<object-type name="COLUMN" enabled="true" />
<object-type name="INDEX" enabled="true" />
<object-type name="CONSTRAINT" enabled="true" />
<object-type name="DATASET_TRIGGER" enabled="true" />
<object-type name="DATABASE_TRIGGER" enabled="true" />
<object-type name="SYNONYM" enabled="true" />
<object-type name="SEQUENCE" enabled="true" />
<object-type name="PROCEDURE" enabled="true" />
<object-type name="FUNCTION" enabled="true" />
<object-type name="PACKAGE" enabled="true" />
<object-type name="TYPE" enabled="true" />
<object-type name="TYPE_ATTRIBUTE" enabled="true" />
<object-type name="ARGUMENT" enabled="true" />
<object-type name="DIMENSION" enabled="true" />
<object-type name="CLUSTER" enabled="true" />
<object-type name="DBLINK" enabled="true" />
</object-type-filter>
</filters>
<sorting>
<object-type name="COLUMN" sorting-type="NAME" />
<object-type name="FUNCTION" sorting-type="NAME" />
<object-type name="PROCEDURE" sorting-type="NAME" />
<object-type name="ARGUMENT" sorting-type="POSITION" />
</sorting>
<default-editors>
<object-type name="VIEW" editor-type="SELECTION" />
<object-type name="PACKAGE" editor-type="SELECTION" />
<object-type name="TYPE" editor-type="SELECTION" />
</default-editors>
</browser-settings>
<navigation-settings>
<lookup-filters>
<lookup-objects>
<object-type name="SCHEMA" enabled="true" />
<object-type name="USER" enabled="false" />
<object-type name="ROLE" enabled="false" />
<object-type name="PRIVILEGE" enabled="false" />
<object-type name="CHARSET" enabled="false" />
<object-type name="TABLE" enabled="true" />
<object-type name="VIEW" enabled="true" />
<object-type name="MATERIALIZED VIEW" enabled="true" />
<object-type name="INDEX" enabled="true" />
<object-type name="CONSTRAINT" enabled="true" />
<object-type name="DATASET TRIGGER" enabled="true" />
<object-type name="DATABASE TRIGGER" enabled="true" />
<object-type name="SYNONYM" enabled="false" />
<object-type name="SEQUENCE" enabled="true" />
<object-type name="PROCEDURE" enabled="true" />
<object-type name="FUNCTION" enabled="true" />
<object-type name="PACKAGE" enabled="true" />
<object-type name="TYPE" enabled="true" />
<object-type name="DIMENSION" enabled="false" />
<object-type name="CLUSTER" enabled="false" />
<object-type name="DBLINK" enabled="true" />
</lookup-objects>
<force-database-load value="false" />
<prompt-connection-selection value="true" />
<prompt-schema-selection value="true" />
</lookup-filters>
</navigation-settings>
<dataset-grid-settings>
<general>
<enable-zooming value="true" />
<enable-column-tooltip value="true" />
</general>
<sorting>
<nulls-first value="true" />
<max-sorting-columns value="4" />
</sorting>
<tracking-columns>
<columnNames value="" />
<visible value="true" />
<editable value="false" />
</tracking-columns>
</dataset-grid-settings>
<dataset-editor-settings>
<text-editor-popup>
<active value="false" />
<active-if-empty value="false" />
<data-length-threshold value="100" />
<popup-delay value="1000" />
</text-editor-popup>
<values-actions-popup>
<show-popup-button value="true" />
<element-count-threshold value="1000" />
<data-length-threshold value="250" />
</values-actions-popup>
<general>
<fetch-block-size value="100" />
<fetch-timeout value="30" />
<trim-whitespaces value="true" />
<convert-empty-strings-to-null value="true" />
<select-content-on-cell-edit value="true" />
<large-value-preview-active value="true" />
</general>
<filters>
<prompt-filter-dialog value="true" />
<default-filter-type value="BASIC" />
</filters>
<qualified-text-editor text-length-threshold="300">
<content-types>
<content-type name="Text" enabled="true" />
<content-type name="XML" enabled="true" />
<content-type name="DTD" enabled="true" />
<content-type name="HTML" enabled="true" />
<content-type name="XHTML" enabled="true" />
<content-type name="CSS" enabled="true" />
<content-type name="SQL" enabled="true" />
<content-type name="PL/SQL" enabled="true" />
<content-type name="JavaScript" enabled="true" />
<content-type name="JSON" enabled="true" />
<content-type name="JSON5" enabled="true" />
<content-type name="YAML" enabled="true" />
</content-types>
</qualified-text-editor>
<record-navigation>
<navigation-target value="VIEWER" />
</record-navigation>
</dataset-editor-settings>
<code-editor-settings>
<general>
<show-object-navigation-gutter value="false" />
<show-spec-declaration-navigation-gutter value="true" />
<enable-spellchecking value="true" />
<enable-reference-spellchecking value="false" />
</general>
<confirmations>
<save-changes value="false" />
<revert-changes value="true" />
</confirmations>
</code-editor-settings>
<code-completion-settings>
<filters>
<basic-filter>
<filter-element type="RESERVED_WORD" id="keyword" selected="true" />
<filter-element type="RESERVED_WORD" id="function" selected="true" />
<filter-element type="RESERVED_WORD" id="parameter" selected="true" />
<filter-element type="RESERVED_WORD" id="datatype" selected="true" />
<filter-element type="RESERVED_WORD" id="exception" selected="true" />
<filter-element type="OBJECT" id="schema" selected="true" />
<filter-element type="OBJECT" id="role" selected="true" />
<filter-element type="OBJECT" id="user" selected="true" />
<filter-element type="OBJECT" id="privilege" selected="true" />
<user-schema>
<filter-element type="OBJECT" id="table" selected="true" />
<filter-element type="OBJECT" id="view" selected="true" />
<filter-element type="OBJECT" id="materialized view" selected="true" />
<filter-element type="OBJECT" id="index" selected="true" />
<filter-element type="OBJECT" id="constraint" selected="true" />
<filter-element type="OBJECT" id="trigger" selected="true" />
<filter-element type="OBJECT" id="synonym" selected="false" />
<filter-element type="OBJECT" id="sequence" selected="true" />
<filter-element type="OBJECT" id="procedure" selected="true" />
<filter-element type="OBJECT" id="function" selected="true" />
<filter-element type="OBJECT" id="package" selected="true" />
<filter-element type="OBJECT" id="type" selected="true" />
<filter-element type="OBJECT" id="dimension" selected="true" />
<filter-element type="OBJECT" id="cluster" selected="true" />
<filter-element type="OBJECT" id="dblink" selected="true" />
</user-schema>
<public-schema>
<filter-element type="OBJECT" id="table" selected="false" />
<filter-element type="OBJECT" id="view" selected="false" />
<filter-element type="OBJECT" id="materialized view" selected="false" />
<filter-element type="OBJECT" id="index" selected="false" />
<filter-element type="OBJECT" id="constraint" selected="false" />
<filter-element type="OBJECT" id="trigger" selected="false" />
<filter-element type="OBJECT" id="synonym" selected="false" />
<filter-element type="OBJECT" id="sequence" selected="false" />
<filter-element type="OBJECT" id="procedure" selected="false" />
<filter-element type="OBJECT" id="function" selected="false" />
<filter-element type="OBJECT" id="package" selected="false" />
<filter-element type="OBJECT" id="type" selected="false" />
<filter-element type="OBJECT" id="dimension" selected="false" />
<filter-element type="OBJECT" id="cluster" selected="false" />
<filter-element type="OBJECT" id="dblink" selected="false" />
</public-schema>
<any-schema>
<filter-element type="OBJECT" id="table" selected="true" />
<filter-element type="OBJECT" id="view" selected="true" />
<filter-element type="OBJECT" id="materialized view" selected="true" />
<filter-element type="OBJECT" id="index" selected="true" />
<filter-element type="OBJECT" id="constraint" selected="true" />
<filter-element type="OBJECT" id="trigger" selected="true" />
<filter-element type="OBJECT" id="synonym" selected="true" />
<filter-element type="OBJECT" id="sequence" selected="true" />
<filter-element type="OBJECT" id="procedure" selected="true" />
<filter-element type="OBJECT" id="function" selected="true" />
<filter-element type="OBJECT" id="package" selected="true" />
<filter-element type="OBJECT" id="type" selected="true" />
<filter-element type="OBJECT" id="dimension" selected="true" />
<filter-element type="OBJECT" id="cluster" selected="true" />
<filter-element type="OBJECT" id="dblink" selected="true" />
</any-schema>
</basic-filter>
<extended-filter>
<filter-element type="RESERVED_WORD" id="keyword" selected="true" />
<filter-element type="RESERVED_WORD" id="function" selected="true" />
<filter-element type="RESERVED_WORD" id="parameter" selected="true" />
<filter-element type="RESERVED_WORD" id="datatype" selected="true" />
<filter-element type="RESERVED_WORD" id="exception" selected="true" />
<filter-element type="OBJECT" id="schema" selected="true" />
<filter-element type="OBJECT" id="user" selected="true" />
<filter-element type="OBJECT" id="role" selected="true" />
<filter-element type="OBJECT" id="privilege" selected="true" />
<user-schema>
<filter-element type="OBJECT" id="table" selected="true" />
<filter-element type="OBJECT" id="view" selected="true" />
<filter-element type="OBJECT" id="materialized view" selected="true" />
<filter-element type="OBJECT" id="index" selected="true" />
<filter-element type="OBJECT" id="constraint" selected="true" />
<filter-element type="OBJECT" id="trigger" selected="true" />
<filter-element type="OBJECT" id="synonym" selected="true" />
<filter-element type="OBJECT" id="sequence" selected="true" />
<filter-element type="OBJECT" id="procedure" selected="true" />
<filter-element type="OBJECT" id="function" selected="true" />
<filter-element type="OBJECT" id="package" selected="true" />
<filter-element type="OBJECT" id="type" selected="true" />
<filter-element type="OBJECT" id="dimension" selected="true" />
<filter-element type="OBJECT" id="cluster" selected="true" />
<filter-element type="OBJECT" id="dblink" selected="true" />
</user-schema>
<public-schema>
<filter-element type="OBJECT" id="table" selected="true" />
<filter-element type="OBJECT" id="view" selected="true" />
<filter-element type="OBJECT" id="materialized view" selected="true" />
<filter-element type="OBJECT" id="index" selected="true" />
<filter-element type="OBJECT" id="constraint" selected="true" />
<filter-element type="OBJECT" id="trigger" selected="true" />
<filter-element type="OBJECT" id="synonym" selected="true" />
<filter-element type="OBJECT" id="sequence" selected="true" />
<filter-element type="OBJECT" id="procedure" selected="true" />
<filter-element type="OBJECT" id="function" selected="true" />
<filter-element type="OBJECT" id="package" selected="true" />
<filter-element type="OBJECT" id="type" selected="true" />
<filter-element type="OBJECT" id="dimension" selected="true" />
<filter-element type="OBJECT" id="cluster" selected="true" />
<filter-element type="OBJECT" id="dblink" selected="true" />
</public-schema>
<any-schema>
<filter-element type="OBJECT" id="table" selected="true" />
<filter-element type="OBJECT" id="view" selected="true" />
<filter-element type="OBJECT" id="materialized view" selected="true" />
<filter-element type="OBJECT" id="index" selected="true" />
<filter-element type="OBJECT" id="constraint" selected="true" />
<filter-element type="OBJECT" id="trigger" selected="true" />
<filter-element type="OBJECT" id="synonym" selected="true" />
<filter-element type="OBJECT" id="sequence" selected="true" />
<filter-element type="OBJECT" id="procedure" selected="true" />
<filter-element type="OBJECT" id="function" selected="true" />
<filter-element type="OBJECT" id="package" selected="true" />
<filter-element type="OBJECT" id="type" selected="true" />
<filter-element type="OBJECT" id="dimension" selected="true" />
<filter-element type="OBJECT" id="cluster" selected="true" />
<filter-element type="OBJECT" id="dblink" selected="true" />
</any-schema>
</extended-filter>
</filters>
<sorting enabled="true">
<sorting-element type="RESERVED_WORD" id="keyword" />
<sorting-element type="RESERVED_WORD" id="datatype" />
<sorting-element type="OBJECT" id="column" />
<sorting-element type="OBJECT" id="table" />
<sorting-element type="OBJECT" id="view" />
<sorting-element type="OBJECT" id="materialized view" />
<sorting-element type="OBJECT" id="index" />
<sorting-element type="OBJECT" id="constraint" />
<sorting-element type="OBJECT" id="trigger" />
<sorting-element type="OBJECT" id="synonym" />
<sorting-element type="OBJECT" id="sequence" />
<sorting-element type="OBJECT" id="procedure" />
<sorting-element type="OBJECT" id="function" />
<sorting-element type="OBJECT" id="package" />
<sorting-element type="OBJECT" id="type" />
<sorting-element type="OBJECT" id="dimension" />
<sorting-element type="OBJECT" id="cluster" />
<sorting-element type="OBJECT" id="dblink" />
<sorting-element type="OBJECT" id="schema" />
<sorting-element type="OBJECT" id="role" />
<sorting-element type="OBJECT" id="user" />
<sorting-element type="RESERVED_WORD" id="function" />
<sorting-element type="RESERVED_WORD" id="parameter" />
</sorting>
<format>
<enforce-code-style-case value="true" />
</format>
</code-completion-settings>
<execution-engine-settings>
<statement-execution>
<fetch-block-size value="100" />
<execution-timeout value="20" />
<debug-execution-timeout value="600" />
<focus-result value="false" />
<prompt-execution value="false" />
</statement-execution>
<script-execution>
<command-line-interfaces />
<execution-timeout value="300" />
</script-execution>
<method-execution>
<execution-timeout value="30" />
<debug-execution-timeout value="600" />
<parameter-history-size value="10" />
</method-execution>
</execution-engine-settings>
<operation-settings>
<transactions>
<uncommitted-changes>
<on-project-close value="ASK" />
<on-disconnect value="ASK" />
<on-autocommit-toggle value="ASK" />
</uncommitted-changes>
<multiple-uncommitted-changes>
<on-commit value="ASK" />
<on-rollback value="ASK" />
</multiple-uncommitted-changes>
</transactions>
<session-browser>
<disconnect-session value="ASK" />
<kill-session value="ASK" />
<reload-on-filter-change value="false" />
</session-browser>
<compiler>
<compile-type value="KEEP" />
<compile-dependencies value="ASK" />
<always-show-controls value="false" />
</compiler>
<debugger>
<debugger-type value="JDBC" />
<use-generic-runners value="true" />
</debugger>
</operation-settings>
<ddl-file-settings>
<extensions>
<mapping file-type-id="VIEW" extensions="vw" />
<mapping file-type-id="TRIGGER" extensions="trg" />
<mapping file-type-id="PROCEDURE" extensions="prc" />
<mapping file-type-id="FUNCTION" extensions="fnc" />
<mapping file-type-id="PACKAGE" extensions="pkg" />
<mapping file-type-id="PACKAGE_SPEC" extensions="pks" />
<mapping file-type-id="PACKAGE_BODY" extensions="pkb" />
<mapping file-type-id="TYPE" extensions="tpe" />
<mapping file-type-id="TYPE_SPEC" extensions="tps" />
<mapping file-type-id="TYPE_BODY" extensions="tpb" />
</extensions>
<general>
<lookup-ddl-files value="true" />
<create-ddl-files value="false" />
<synchronize-ddl-files value="true" />
<use-qualified-names value="false" />
<make-scripts-rerunnable value="true" />
</general>
</ddl-file-settings>
<general-settings>
<regional-settings>
<date-format value="MEDIUM" />
<number-format value="UNGROUPED" />
<locale value="SYSTEM_DEFAULT" />
<use-custom-formats value="false" />
</regional-settings>
<environment>
<environment-types>
<environment-type id="development" name="Development" description="Development environment" color="-2430209/-12296320" readonly-code="false" readonly-data="false" />
<environment-type id="integration" name="Integration" description="Integration environment" color="-2621494/-12163514" readonly-code="true" readonly-data="false" />
<environment-type id="production" name="Production" description="Productive environment" color="-11574/-10271420" readonly-code="true" readonly-data="true" />
<environment-type id="other" name="Other" description="" color="-1576/-10724543" readonly-code="false" readonly-data="false" />
</environment-types>
<visibility-settings>
<connection-tabs value="true" />
<dialog-headers value="true" />
<object-editor-tabs value="true" />
<script-editor-tabs value="false" />
<execution-result-tabs value="true" />
</visibility-settings>
</environment>
</general-settings>
</component>
<component name="DBNavigator.Project.StatementExecutionManager">
<execution-variables />
</component>
</project>

8
.idea/modules.xml Normal file
View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/NIKITA.iml" filepath="$PROJECT_DIR$/.idea/NIKITA.iml" />
</modules>
</component>
</project>

6
.idea/vcs.xml Normal file
View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>

View File

@ -19,6 +19,7 @@ a{
width: 100%;
max-width: 1150px;
margin: 0 auto;
box-sizing: border-box;
}
.welcome
@ -39,7 +40,7 @@ a{
line-height: 30px;
text-align: center;
font-size: 10px;
text-transform: uppercase;
text-transform: uppercase;
}
/*logo line*/
@ -50,14 +51,11 @@ a{
text-transform: uppercase;
color: #000;
display: flex;
justify-content: space-between;
justify-content: center;
align-items: center;
column-gap: 25px;
}
.val{
width: 100%;
max-width: 128px;
}
.logo
{
@ -94,7 +92,7 @@ a{
.nav_group
{
max-width: 545px;
display: flex;
display: flex;
justify-content: space-between ;
align-items: center;
@ -121,7 +119,7 @@ a{
border-right: 1px dashed #999999;
border-right-width: 1px;
padding: 0 14px;
}
.search
@ -159,7 +157,7 @@ a{
width: 146px;
height: 170px;
margin-right: 24px;
}
.alt_image:hover
@ -214,7 +212,7 @@ a{
.inform p
{
margin: 0 0;
margin: 0 0;
}
.inform a
@ -244,7 +242,7 @@ a{
border-color: #e1e1e1;
text-transform: uppercase;
font-size: 14px;
}
.color
@ -275,7 +273,7 @@ a{
appearance: none;
}
select:not([multiple])
select:not([multiple])
{
padding-right: 1.2em;
background-repeat: no-repeat;
@ -284,16 +282,16 @@ select:not([multiple])
background-image: url("../images/icon.png");
}
input[type="number"]
{
-webkit-appearance: textfield;
input[type="number"]
{
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance: none;
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
{
-webkit-appearance: none;
}
input
@ -305,7 +303,7 @@ input
{
display: flex;
align-items: center;
}
@ -328,7 +326,7 @@ input
.buttons button:first-child
{
border-bottom: 0.5px solid #e1e1e1;
}
@ -339,20 +337,20 @@ input
}
.count_up {
width: 0;
height: 0;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 2px solid #cccccc;
}
.count_down {
width: 0;
height: 0;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 2px solid #cccccc;
}
@ -391,8 +389,8 @@ footer
@media screen and (max-width: 1150px)
{
.container
{
padding-left: 5px ;
@ -400,7 +398,7 @@ footer
display: flex;
justify-content: space-around;
}
.val
{
@ -447,13 +445,13 @@ footer
overflow-x: scroll;
padding-bottom: 10px;
}
.alt_image
{
width: 100%;
max-width: 146px;
height: auto;
}
.alt_image:last-child
@ -474,9 +472,9 @@ footer
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 7px;
margin-left: 7px;
}
.selectors
{
display: flex;
@ -488,4 +486,4 @@ footer
font-size: 13px;
line-height: 20px;
}
}
}

View File

@ -1,125 +1,121 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/1559834886.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/intro" rel="stylesheet">
<title>Sale</title>
</head>
<body>
<header class="header">
<div class="welcome">
<div class="container">
<div class="welcome_msg">
start selling your products or buy them from anywhere! <span class="close">&times;</span>
</div>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/1559834886.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/intro" rel="stylesheet">
<title>Sale</title>
</head>
<body>
<header class="header">
<div class="welcome">
<div class="welcome_msg">
start selling your products or buy them from anywhere! <span class="close">&times;</span>
</div>
</div>
<div class="logo_line">
<div class="val">USD</div>
<div class="logo"><h1><b>bonfire</b></h1></div>
<a href="#" class="cart"><b>cart(3)</b></a>
</div>
<div class="link_line">
<div class="link_content">
<div class="menu"><i class="fa-solid fa-bars"></i></div>
<nav class="nav_group">
<a class="nav_link" href="#">home</a>
<a class="nav_link" href="#">men</a>
<a class="nav_link" href="#">women</a>
<a class="nav_link" href="#">lookbook</a>
<a class="nav_link" href="#">about</a>
<a class="nav_link" href="#">blog</a>
</nav>
<div class="icons">
<div class="heart"><i class="fa-regular fa-heart"></i></div>
<div class="search"><i class="fa-solid fa-magnifying-glass"></i></div>
</div>
</div>
<div class="container">
<div class="logo_line">
<div class="val">USD</div>
<div class="logo"><h1><b>bonfire</b></h1></div>
<a href="#" class="cart"><b>cart(3)</b></a>
</div>
</header>
<div class="container">
<div class="main_content">
<div class="photos">
<img src="https://d13qso5xfejx18.cloudfront.net/product-media/57Y3/1000/1000/IMG6939.jpg" alt="" class="main_image">
<div class="alt_images">
<img src="https://d13qso5xfejx18.cloudfront.net/product-media/57Y3/1000/1000/IMG6939.jpg" alt="" class="alt_image">
<img src="https://image1.superdry.com/static/images/optimised/zoom/upload9223368955665604291.jpg" alt="" class="alt_image">
<img src="https://image1.superdry.com/static/images/optimised/zoom/upload9223368955665604289.jpg" alt="" class="alt_image">
<img src="https://image1.superdry.com/static/images/optimised/zoom/upload9223368955665604287.jpg" alt="" class="alt_image">
</div>
</div>
<div class="text">
<a href="#" class="exit">Back to Woman</a>
<div class="product_name"><h2>The Atelier Tailored Coat</h2></div>
<div class="review">Star 3 Review(s) | <b><u><a href="#">ADD A REVIEV</a></u></b></div>
<div class="price"><b>$499.00</b></div>
<div class="inform">
<p><b>Availability :</b> <a href="#">In stock</a></p>
<p><b>Product Code :</b> <a href="#">#4657</a></p>
<p><b>Tags :</b> <a href="#">Fashion, Hood, Classic</a></p>
<div class="about">Sleek, polished, and boasting an impeccably modern fit, this blue, 2-but-
ton Lazio suit features a notch lapel, flap pockets, and accompanying flat
front trousers—all in pure wool by Vitale Barberis Canonico.
<ul>
<li>Dark blue suit for a tone-on-tone look</li>
<li>Regular fit</li>
<li>100% Cotton</li>
<li>Free shipping with 4 days delivery</li>
</ul>
</div>
</div>
<div class="link_line">
<div class="container">
<div class="link_content">
<div class="menu"><i class="fa-solid fa-bars"></i></div>
<nav class="nav_group">
<a class="nav_link" href="#">home</a>
<a class="nav_link" href="#">men</a>
<a class="nav_link" href="#">women</a>
<a class="nav_link" href="#">lookbook</a>
<a class="nav_link" href="#">about</a>
<a class="nav_link" href="#">blog</a>
</nav>
<div class="icons">
<div class="heart"><i class="fa-regular fa-heart"></i></div>
<div class="search"><i class="fa-solid fa-magnifying-glass"></i></div>
</div>
</div>
</div>
<div class="selectors">
<div class="color"><b>color</b>
<p><select name="color">
<option value="" selected hidden>Select Color</option>
<option value="gray">Gray</option>
<option value="black">Black</option>
<option value="yellow">Yellow</option>
</select></p>
</div>
</header>
<div class="container">
<div class="main_content">
<div class="photos">
<img src="https://d13qso5xfejx18.cloudfront.net/product-media/57Y3/1000/1000/IMG6939.jpg" alt="" class="main_image">
<div class="alt_images">
<img src="https://d13qso5xfejx18.cloudfront.net/product-media/57Y3/1000/1000/IMG6939.jpg" alt="" class="alt_image">
<img src="https://image1.superdry.com/static/images/optimised/zoom/upload9223368955665604291.jpg" alt="" class="alt_image">
<img src="https://image1.superdry.com/static/images/optimised/zoom/upload9223368955665604289.jpg" alt="" class="alt_image">
<img src="https://image1.superdry.com/static/images/optimised/zoom/upload9223368955665604287.jpg" alt="" class="alt_image">
<div class="size"><b>size</b>
<p><select name="size">
<option selected hidden value="">Select Size</option>
<option value="51">51</option>
<option value="54">54</option>
<option value="60">60</option>
</select>
</p>
</div>
<div class="qty"><b>qty</b>
<div class="qty_counter">
<p><input type="number" name="qty" min="1" max="10" value="1">
<div class="buttons">
<button>
<div class="count_up"></div>
</button>
<button>
<div class="count_down"></div>
</button>
</div>
</div>
<div class="text">
<a href="#" class="exit">Back to Woman</a>
<div class="product_name"><h2>The Atelier Tailored Coat</h2></div>
<div class="review">Star 3 Review(s) | <b><u><a href="#">ADD A REVIEV</a></u></b></div>
<div class="price"><b>$499.00</b></div>
<div class="inform">
<p><b>Availability :</b> <a href="#">In stock</a></p>
<p><b>Product Code :</b> <a href="#">#4657</a></p>
<p><b>Tags :</b> <a href="#">Fashion, Hood, Classic</a></p>
<div class="about">Sleek, polished, and boasting an impeccably modern fit, this blue, 2-but-
ton Lazio suit features a notch lapel, flap pockets, and accompanying flat
front trousers—all in pure wool by Vitale Barberis Canonico.
<ul>
<li>Dark blue suit for a tone-on-tone look</li>
<li>Regular fit</li>
<li>100% Cotton</li>
<li>Free shipping with 4 days delivery</li>
</ul>
</div>
</div>
<div class="selectors">
<div class="color"><b>color</b>
<p><select name="color">
<option value="" selected hidden>Select Color</option>
<option value="gray">Gray</option>
<option value="black">Black</option>
<option value="yellow">Yellow</option>
</select></p>
</div>
<div class="size"><b>size</b>
<p><select name="size">
<option selected hidden value="">Select Size</option>
<option value="51">51</option>
<option value="54">54</option>
<option value="60">60</option>
</select>
</p>
</div>
<div class="qty"><b>qty</b>
<div class="qty_counter">
<p><input type="number" name="qty" min="1" max="10" value="1">
<div class="buttons">
<button><div class="count_up"></div></button>
<button><div class="count_down"></div></button>
</div>
</p>
</div>
</div>
</div>
<div class="product_buttons"></div>
<div class="share"></div>
</p>
</div>
</div>
</div>
<div class="product_buttons"></div>
<div class="share"></div>
</div>
</div>
</div>
</body>
<footer>
Made with Love & Coffee © 2015 Design Lazy. All Rights Reserved.
</footer>
</html>
</body>
<footer>
Made with Love & Coffee © 2015 Design Lazy. All Rights Reserved.
</footer>
</html>