Browse Source

edit cyber page

master
max 2 years ago
parent
commit
343c0179c0
  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

File diff suppressed because one or more lines are too long

1
dist/assets/index.c8be967f.css vendored

@ -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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.7 KiB

15
dist/index.html vendored

@ -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

File diff suppressed because it is too large Load Diff

77
src/pages/CyberTrack.vue

@ -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;
}
}
}

Loading…
Cancel
Save