Monaxys
/
Test_Me
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

edit cyber page

master
max 2 years ago
parent
2a55af4288
commit
343c0179c0
6 changed files with 60 additions and 1492 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      dist/assets/index.5d696174.js
  2. 1
      dist/assets/index.c8be967f.css
  3. BIN
      dist/assets/logo.03d6d6da.png
  4. 15
      dist/index.html
  5. 1458
      package-lock.json
  6. 77
      src/pages/CyberTrack.vue

1
dist/assets/index.5d696174.js vendored
View File

File diff suppressed because one or more lines are too long

1
dist/assets/index.c8be967f.css vendored
Unescape View File

@ -1 +0,0 @@ @@ -1 +0,0 @@
a[data-v-53358646]{color:#42b983}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}

BIN
dist/assets/logo.03d6d6da.png vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

15
dist/index.html vendored
Unescape View File

@ -1,15 +0,0 @@ @@ -1,15 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite App</title>
<script type="module" crossorigin src="/assets/index.5d696174.js"></script>
<link rel="stylesheet" href="/assets/index.c8be967f.css">
</head>
<body>
<div id="app"></div>
</body>
</html>

1458
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

77
src/pages/CyberTrack.vue
Unescape View File

@ -15,19 +15,19 @@ @@ -15,19 +15,19 @@
p.characteristics__big &lt6.5
p.characteristics__small 0-60 MPH
.container.exoskeleton
.img-holder
img(src="../assets/images/exoskelet.png" alt="exoskeleton")
img(src="../assets/images/back-exoskeleton.png" alt="back-exoskeleton")
.exoskeleton-holder
img.exoskeleton-holder__img1(src="../assets/images/exoskelet.png" alt="exoskeleton")
img.exoskeleton-holder__img2(src="../assets/images/back-exoskeleton.png" alt="back-exoskeleton")
h2 Exoskeleton
p Cybertruck is&nbsp;built with an&nbsp;exterior shell made for ultimate durability and passenger protection. Starting with a&nbsp;nearly impenetrable exoskeleton, every component is&nbsp;designed for superior strength and endurance, from Ultra-Hard 30X Cold-Rolled stainless-steel structural skin to&nbsp;Tesla armor glass.
.container.skeleton
img(src="../assets/images/skelet.png" alt="skeleton")
img.skeleton__img(src="../assets/images/skelet.png" alt="skeleton")
.description
p ULTRA-HARD 30X&nbsp;COLD-ROLLED STAINLESS STEEL
.container.advantages
img(src="../assets/images/cyber-from-back.png" alt="")
img(src="../assets/images/cyber-open-back.png" alt="")
img(src="../assets/images/cyber-inside.png" alt="")
img.advantages__img1(src="../assets/images/cyber-from-back.png" alt="")
img.advantages__img2(src="../assets/images/cyber-open-back.png" alt="")
img.advantages__img3(src="../assets/images/cyber-inside.png" alt="")
.description
h2 PERFORMANCE AND EFFICIENCY
p Now entering a&nbsp;new class of&nbsp;strength, speed and versatility&mdash;only possible with an&nbsp;all-electric design. The powerful drivetrain and low center of&nbsp;gravity provides extraordinary traction control and torque&mdash;enabling acceleration from 0-60 mph in&nbsp;as&nbsp;little as&nbsp;2.9 seconds and up&nbsp;to&nbsp;500 miles of&nbsp;range.
@ -38,7 +38,7 @@ @@ -38,7 +38,7 @@
.vid-descr
video.vid-descr__vid(src="http://infoviolence.org/ru/vblog/v720view/infoviolence_041.mp4" autoplay controls)
h2.vid-descr__descr CYBERTRACK
a.vid-descr__link(href="#") Order now
a.vid-descr__link(href="#") Order now
Footer/
</template>
<script>
@ -140,12 +140,26 @@ @@ -140,12 +140,26 @@
}
.exoskeleton {
.img-holder {
&-holder {
&__img1 {
max-height: 442px;
max-width: 745px;
}
&__img2 {
max-height: 234px;
max-width: 401px;
}
}
}
.skeleton {
&__img {
max-height: 296px;
max-width: 996px;
}
.description {
font-weight: 600;
font-size: 20px;
@ -158,12 +172,32 @@ @@ -158,12 +172,32 @@
.advantages {
margin-bottom: 246px;
&__img1 {
max-height: 305px;
max-width: 545px;
}
&__img2 {
max-height: 251px;
max-width: 502px;
}
&__img3 {
max-height: 188px;
max-width: 376px;
}
}
.vid-descr {
display: table;
margin: 0 auto;
display: flex;
margin-left: auto;
margin-right: auto;
margin-bottom: 245px;
text-align: center;
flex-direction: column;
align-items: center;
justify-content: center;
&__vid{
width: 1200px;
@ -172,21 +206,26 @@ @@ -172,21 +206,26 @@
}
&__descr{
font-weight: 300;
font-size: 22px;
line-height: 27px;
font-weight: 400;
font-size: 48px;
line-height: 59px;
letter-spacing: 0.025em;
text-transform: uppercase;
margin-bottom: 50px;
}
&__link{
display: block;
font-weight: 500;
font-size: 15px;
line-height: 18px;
font-weight: 600;
font-size: 24px;
line-height: 29px;
letter-spacing: 0.025em;
text-transform: capitalize;
text-transform: uppercase;
text-decoration: none;
color: black;
border-style: solid;
border: 2px solid black;
padding: 15px 105px;
}
}
}

Write Preview
Loading…
Cancel
Save