You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.4 KiB
35 lines
1.4 KiB
1 month ago
|
import Elementary
|
||
|
|
|
||
|
|
struct NavMenu: HTML {
|
||
|
|
var content: some HTML {
|
||
|
|
nav(.class("navbar navbar-expand-lg navbar-light bg-light fixed-top")) {
|
||
|
|
div(.class("container-fluid")) {
|
||
|
|
a(.class("navbar-brand"), .href("#")) { "Logo" }
|
||
|
|
button(
|
||
|
|
.class("navbar-toggler"), .type(.button),
|
||
|
|
.data("bs-toggle", value: "collapse"),
|
||
|
|
.data("bs-target", value: "#navbarNav")
|
||
|
|
) {
|
||
|
|
span(.class("navbar-toggler-icon")) {}
|
||
|
|
}
|
||
|
|
div(.class("collapse navbar-collapse"), .id("navbarNav")) {
|
||
|
|
ul(.class("navbar-nav me-auto mb-2 mb-lg-0")) {
|
||
|
|
li(.class("nav-item")) {
|
||
|
|
a(.class("nav-link active"), .href("#")) { "Home" }
|
||
|
|
}
|
||
|
|
li(.class("nav-item")) {
|
||
|
|
a(.class("nav-link"), .href("#")) { "About" }
|
||
|
|
}
|
||
|
|
li(.class("nav-item")) {
|
||
|
|
a(.class("nav-link"), .href("#")) { "Services" }
|
||
|
|
}
|
||
|
|
li(.class("nav-item")) {
|
||
|
|
a(.class("nav-link"), .href("#")) { "Contact" }
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|