192 lines
2.3 KiB
CSS
192 lines
2.3 KiB
CSS
|
* {
|
||
|
padding: 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
body {font: normal 100% Helvetica, Arial, sans-serif;}
|
||
|
|
||
|
.logo {
|
||
|
/* float: left; */
|
||
|
/* position: absolute;
|
||
|
left: 10%; */
|
||
|
width: 2%;
|
||
|
/* background: gray; */
|
||
|
text-align: right;
|
||
|
}
|
||
|
|
||
|
.navigation {
|
||
|
position: fixed;
|
||
|
top: 0;
|
||
|
left: 0;
|
||
|
background-color: black;
|
||
|
width:100%;
|
||
|
height: 80px;
|
||
|
z-index: 99;
|
||
|
display: flex;
|
||
|
align-items: center;
|
||
|
justify-content: space-around;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
color: gray;
|
||
|
font-size: 0.875em;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
|
||
|
|
||
|
.li-totle {
|
||
|
|
||
|
/* position: absolute; */
|
||
|
width:60%;
|
||
|
background-color: black;
|
||
|
font-size: 0.75em;
|
||
|
/* left: 675px; */
|
||
|
outline: 1px ;
|
||
|
/* background: gold; */
|
||
|
display: flex;
|
||
|
height:100%;
|
||
|
align-items: center;
|
||
|
justify-content: end;
|
||
|
|
||
|
}
|
||
|
|
||
|
.li-1,
|
||
|
.li-2,
|
||
|
.li-3,
|
||
|
.li-4,
|
||
|
.li-5 {
|
||
|
text-align: center;
|
||
|
/* float: left; */
|
||
|
|
||
|
height:100%;
|
||
|
/* position: absolute; */
|
||
|
/* border-left:white solid 1px ; */
|
||
|
|
||
|
line-height: 45px;
|
||
|
width: 100px;
|
||
|
overflow: hidden;
|
||
|
}
|
||
|
|
||
|
.li-1 {
|
||
|
left: 300px;
|
||
|
}
|
||
|
|
||
|
.li-2 {
|
||
|
left: 400px;
|
||
|
}
|
||
|
|
||
|
.li-3 {
|
||
|
left: 500px;
|
||
|
}
|
||
|
|
||
|
.li-4 {
|
||
|
left: 600px;
|
||
|
}
|
||
|
|
||
|
.li-5 {
|
||
|
left: 700px;
|
||
|
}
|
||
|
|
||
|
.page1 {
|
||
|
width: 1900px;
|
||
|
height: 875px;
|
||
|
position: relative;
|
||
|
color: white;
|
||
|
}
|
||
|
|
||
|
.space1 {
|
||
|
width: 100%;
|
||
|
height: 200px;
|
||
|
}
|
||
|
|
||
|
.page2 {
|
||
|
width: 100%;
|
||
|
height: 875px;
|
||
|
position: relative;
|
||
|
background-color: #f9f9f9;
|
||
|
}
|
||
|
|
||
|
.pageend {
|
||
|
width: 1900px;
|
||
|
height: 340px;
|
||
|
position: relative;
|
||
|
background-color: rgb(31, 30, 30);
|
||
|
}
|
||
|
|
||
|
.space3 {
|
||
|
width: 1900px;
|
||
|
height: 200px;
|
||
|
}
|
||
|
|
||
|
.space2 {
|
||
|
width: 1900px;
|
||
|
height: 100px;
|
||
|
}
|
||
|
|
||
|
.contact1,
|
||
|
.contact2,
|
||
|
.contact3 {
|
||
|
float: left;
|
||
|
position: absolute;
|
||
|
width: 600px;
|
||
|
height: 175px;
|
||
|
top: 75px;
|
||
|
left: 30px;
|
||
|
border-right: white solid 1px;
|
||
|
}
|
||
|
|
||
|
/* .contact1{
|
||
|
|
||
|
} */
|
||
|
|
||
|
.contact2 {
|
||
|
left: 660px;
|
||
|
}
|
||
|
|
||
|
.contact3 {
|
||
|
left: 1290px;
|
||
|
border-right: none;
|
||
|
}
|
||
|
|
||
|
.c0 {
|
||
|
float: left;
|
||
|
position: absolute;
|
||
|
top: 50px;
|
||
|
right: 240px;
|
||
|
font-size: 0.875em;
|
||
|
color: gray;
|
||
|
}
|
||
|
|
||
|
.c1 {
|
||
|
float: left;
|
||
|
position: absolute;
|
||
|
top: 25px;
|
||
|
left: 140px;
|
||
|
color: gray;
|
||
|
font-size: 0.875em;
|
||
|
}
|
||
|
|
||
|
.c2 {
|
||
|
float: left;
|
||
|
position: absolute;
|
||
|
top: 100px;
|
||
|
left: 140px;
|
||
|
color: gray;
|
||
|
font-size: 0.875em;
|
||
|
}
|
||
|
|
||
|
.copy {
|
||
|
width: 500px;
|
||
|
height: 40px;
|
||
|
float: left;
|
||
|
position: absolute;
|
||
|
color: gray;
|
||
|
top: 370px;
|
||
|
left: 700px;
|
||
|
font-size: 0.875em;
|
||
|
}
|
||
|
|
||
|
.logo-1{
|
||
|
position: absolute;
|
||
|
float: left;
|
||
|
left: 200px;
|
||
|
}
|