File tree Expand file tree Collapse file tree 3 files changed +15
-31
lines changed Expand file tree Collapse file tree 3 files changed +15
-31
lines changed Original file line number Diff line number Diff line change 1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
< html lang ="en ">
3
3
< head >
4
4
< meta charset ="UTF-8 " />
49
49
</ div >
50
50
</ header >
51
51
< main class ="landing-main ">
52
- < h1 > Hello World</ h1 >
52
+ < section id ="section-header ">
53
+ < h1 >
54
+ DB UX< br />
55
+ Design System
56
+ </ h1 >
57
+ < h3 data-variant ="light "> By all, for all</ h3 >
58
+ </ section >
53
59
< section id ="section-contact " class ="section-with-max-width ">
54
- < h2 > insert Gif here</ h2 >
55
- < h2 >
56
- By all, for all:< br />
57
- The DB UX Design System
58
- </ h2 >
59
- < svg
60
- xmlns ="http://www.w3.org/2000/svg "
61
- width ="96 "
62
- height ="96 "
63
- viewBox ="0 0 96 96 "
64
- fill ="none "
65
- >
66
- < path
67
- d ="M80.8 20.4L58.8 7.6C50.8 2.8 45.2 2.8 37.2 7.6C30.4 11.6 15.2 20.4 15.2 20.4C9.2 23.6 8 28 8 31.2V64C8 68.4 10.4 72 15.2 74.8L37.2 87.6C42.4 90.4 45.2 92 48 92C50.8 92 54 90.4 58.8 87.6C67.6 82.4 80.8 74.8 80.8 74.8C85.6 72 88 68.4 88 64V31.2C88 28 86.8 23.6 80.8 20.4ZM41.2 14.4C46.8 11.2 49.2 11.2 54.8 14.4L76.4 26.8C73.6 28.4 62.8 34.8 55.2 39.2C50.4 42 46 42 41.6 39.2C34.8 35.6 25.6 30 19.6 26.8C22.8 25.2 35.2 18 41.2 14.4ZM41.2 80.8L19.2 68C16.4 66.4 16 65.2 16 64V34C21.6 37.2 30.8 42.8 37.2 46C44 50 44 50 44 57.6V58V60V82C43.2 82 42.4 81.2 41.2 80.8ZM76.8 68C76.8 68 63.6 75.6 54.8 80.8C53.6 81.6 52.8 82 52 82.4V60.4V58.4V58C52 50.4 52 50.4 58.8 46.4C64.8 42.8 74 37.6 80 34.4V64C80 65.2 79.6 66.4 76.8 68Z "
68
- fill ="#595E67 "
69
- />
70
- </ svg >
60
+ < img src ="/assets/custom/peace-in-a-box.svg " alt ="DB UX Icon " />
71
61
< p >
72
62
Every bit in our world is designed & coded with the primal human
73
63
desire to connect with one another while
78
68
consistent, efficient, and user-centric digital solutions – shaping
79
69
the mobility of the future.
80
70
</ p >
81
- < a class ="db-button " data-variant ="primary " href ="mailto: "
82
- > Meet the team </ a
83
- >
71
+ < a class ="db-button " data-variant ="primary " href ="mailto:db-ux-designsystem@deutschebahn.com " >
72
+ Contact Us
73
+ </ a >
84
74
</ section >
85
75
< section id ="section-main-features " class ="section-with-max-width ">
86
76
< h2 > How it works</ h2 >
Original file line number Diff line number Diff line change 71
71
position : absolute;
72
72
border-radius : var (--db-border-radius-md );
73
73
border-inline-start : none;
74
- border-block-end : var (--db-border-height-lg ) solid
75
- var (--db-brand-origin-enabled );
76
- inset-block-end : calc (-1 * var (--db-spacing-fixed-xs ));
74
+ border-block-end : 8px solid var (--db-brand-origin-enabled );
75
+ inset-block-end : calc (-1 * var (--db-spacing-fixed-xl ));
77
76
inline-size : 72px ;
78
77
block-size : auto;
79
78
inset-inline-start : 50% ;
80
79
inset-block-start : auto;
81
80
transform : translate (-50% , 0 );
82
81
}
83
-
84
- & ::after {
85
- content : " ❤️" ;
86
- }
87
82
}
88
83
89
84
> section {
90
85
display : flex;
91
86
flex-direction : column;
92
87
align-items : center;
93
88
justify-items : center;
94
- gap : var (--db-spacing-fixed-xl );
95
89
96
90
p {
97
91
/* 45rem are ~768 px for tablet*/
You can’t perform that action at this time.
0 commit comments