|
|
| (56 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| < div style ="width: 2251px; height: 2403px; position: relative"> <div style="width: 601px; height: 116px; left: 825px; top: 138px; position: absolute; text- align: center; color: black; font- size: 96px; font- family: Outfit; font-weight: 700; word-wrap: break- word">BOOTCAMP</div> <div style="width: 942px; height: 126px; left : 655px; top: 286px; position: absolute; background: rgba( 255, 218.31, 187, 0. 45) "></div> <div style="width: 844px; height: 58px; left: 702px; top: 320px; position: absolute; text- align: center; color: black; font-size: 48px; font- family: Outfit; font- weight: 700; word- wrap: break- word">BEFORE STARTING GUIDE</div> <div style="width: 1879px; height: 385px; left: 186px; top: 478px; position: absolute"> <div style="width: 371px; height: 47px; left: 473px; top: 146px; position: absolute; color: black; font-size: 40px; font- family: Outfit; font- weight: 700; word- wrap: break-word">EXPECTATIONS</div> <div style="width: 38. 84px; height: 33px; left: 1087px; top: 160px; position: absolute"> <div style="width: 32.29px; height: 15.79px; left: 11.23px; top: 34. 21px; position: absolute; transform: rotate(-89. 01deg); transform-origin: 0 0; background: black"></ div> < /div> < div style=" width: 256px; height: 280px; left: 176px; top : 30px; position: absolute"> < div style=" width: 254.05px; height: 278.88px; left: 1.12px; top: -9.88px; position: absolute"> < div style=" width: 254.05px; height: 278.88px; left: 0px; top : 0px; position: absolute; background: black"></ div> < div style=" width: 254.05px; height: 278.54px; left: 0px; top : 0px; position: absolute; background: white"></ div> </div> <div style=" width: 81. 70px; height: 84.80px; left: 117.53px; top: 58.40px; position: absolute; background: #F2562B"></ div> < div style=" width: 73px; height: 76. 22px; left: 122.87px; top: 60.94px; position: absolute; background: white"> </div> <div style="width: 2.69px; height: 2.62px; left: 153.67px; top: 64.52px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 154.26px; top: 59.99px; position: absolute; background: #7B7979"></div> <div style="width: 2.69px; height: 2.62px; left: 158.11px; top: 66.91px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 158.69px; top: 62.37px; position: absolute; background: #7B7979"></div> <div style="width: 2.69px; height: 2.62px; left: 162.55px; top: 69.30px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 163.13px; top: 64.76px; position: absolute; background: #7B7979"></div> <div style="width: 2.69px; height: 2.62px; left: 166.99px; top: 71.69px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 167.57px; top: 67.15px; position: absolute; background: #7B7979"></div> <div style="width: 2.69px; height: 2.62px; left: 171.42px; top: 74.08px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 172.01px; top: 69.54px; position: absolute; background: #7B7979"></div> <div style="width: 2.69px; height: 2.63px; left: 175.86px; top: 76.47px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 176.45px; top: 71.93px; position: absolute; background: #7B7979"></div> <div style="width: 2.69px; height: 2.62px; left: 180.30px; top: 78.86px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 180.88px; top: 74.32px; position: absolute; background: #7B7979"></div> <div style="width: 2.69px; height: 2.62px; left: 184.74px; top: 81.25px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 185.32px; top: 76.71px; position: absolute; background: #7B7979"></div> <div style="width: 2.69px; height: 2.62px; left: 189.18px; top: 83.63px; position: absolute; background: #1C4358"></div> <div style="width: 4.50px; height: 6.43px; left: 189.76px; top: 79.10px; position: absolute; background: #7B7979"></div> <div style="width: 40.08px; height: 21.90px; left: 149.77px; top: 70.22px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.09px; height: 21.91px; left: 147.88px; top: 73.55px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.08px; height: 21.90px; left: 145.99px; top: 76.88px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.08px; height: 21.91px; left: 144.11px; top: 80.21px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.08px; height: 21.91px; left: 142.22px; top: 83.55px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.09px; height: 21.90px; left: 140.33px; top: 86.88px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.08px; height: 21.91px; left: 138.44px; top: 90.21px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.08px; height: 21.90px; left: 136.56px; top: 93.55px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.09px; height: 21.91px; left: 134.67px; top: 96.88px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.09px; height: 21.90px; left: 132.78px; top: 100.21px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.09px; height: 21.90px; left: 130.89px; top: 103.55px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.08px; height: 21.92px; left: 129.01px; top: 106.88px; position: absolute; background: #D3D2D2"></div> <div style="width: 40.09px; height: 21.91px; left: 127.12px; top: 110.21px; position: absolute; background: #D3D2D2"></div> <div style="width: 24.92px; height: 43.72px; left: 128.30px; top: 71.09px; position: absolute; background: #E9B928"></div> <div style="width: 36.06px; height: 35.16px; left: 207.95px; top: 100.77px; position: absolute; background: #A0B3BF"></div> <div style="width: 22.40px; height: 21.84px; left: 214.78px; top: 107.43px; position: absolute; background: #768FA4"></div> <div style="width: 18.03px; height: 17.58px; left: 216.97px; top: 109.56px; position: absolute; background: #597590"></div> <div style="width: 21.38px; height: 20.84px; left: 186.76px; top: 139.27px; position: absolute; background: #A0B3BF"></div> <div style="width: 13.28px; height: 12.95px; left: 190.81px; top: 143.22px; position: absolute; background: #768FA4"></div> <div style="width: 10.69px; height: 10.42px; left: 192.11px; top: 144.48px; position: absolute; background: #597590"></div> <div style="width: 27.74px; height: 27.04px; left: 212.54px; top: 138.12px; position: absolute; background: #A0B3BF"></div> <div style="width: 17.23px; height: 16.80px; left: 217.80px; top: 143.24px; position: absolute; background: #768FA4"></div> <div style="width: 13.87px; height: 13.53px; left: 219.48px; top: 144.88px; position: absolute; background: #597590"></div> <div style="width: 119.70px; height: 21.96px; left: 15.04px; top: 210.82px; position: absolute"> <div style="width: 119.70px; height: 21.96px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 118.12px; height: 21.40px; left: 0.23px; top: 0.18px; position: absolute; background: #FFDABB"></div> </div> <div style="width: 8.40px; height: 43.66px; left: 79.20px; top: 174.23px; position: absolute; background: #112B3C"></div> <div style="width: 17.40px; height: 42.56px; left: 50.15px; top: 184.86px; position: absolute; background: #112B3C"></div> <div style="width: 17.40px; height: 42.56px; left: 99.26px; top: 184.86px; position: absolute; background: #112B3C"></div> <div style="width: 119.87px; height: 92.31px; left: 23.47px; top: 101px; position: absolute; background: #112B3C"></div> <div style="width: 115.35px; height: 89.16px; left: 25.73px; top: 102.58px; position: absolute; background: white"></div> <div style="width: 129.57px; height: 8.19px; left: 18.30px; top: 94.39px; position: absolute; background: #112B3C"></div> <div style="width: 13.11px; height: 9.11px; left: 35.26px; top: 168.76px; position: absolute; background: #F67A07"></div> <div style="width: 13.11px; height: 13.33px; left: 55.89px; top: 164.55px; position: absolute; background: #D0DDFC"></div> <div style="width: 13.11px; height: 22.16px; left: 76.53px; top: 155.71px; position: absolute; background: #FAB220"></div> <div style="width: 13.11px; height: 27.19px; left: 97.16px; top: 150.68px; position: absolute; background: #F2562B"></div> <div style="width: 13.11px; height: 39.15px; left: 117.80px; top: 138.72px; position: absolute; background: #214D64"></div> <div style="width: 84.92px; height: 42.49px; left: 37.61px; top: 116.71px; position: absolute; background: #214D64"></div> <div style="width: 13.56px; height: 10.71px; left: 112.19px; top: 114.70px; position: absolute; background: #214D64"></div> <div style="width: 77.85px; height: 11.36px; left: 130.25px; top: 245.96px; position: absolute"> <div style="width: 77.85px; height: 11.36px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 77.24px; height: 11.08px; left: 0.37px; top: 0.30px; position: absolute; background: #FFDABB"></div> </div> <div style="width: 25.40px; height: 7.95px; left: 107.96px; top: 242.88px; position: absolute; background: #FFDABB"></div> <div style="width: 82.30px; height: 80.25px; left: 128.95px; top: 171.15px; position: absolute; background: #ED1C24"></div> <div style="width: 66.44px; height: 64.80px; left: 136.88px; top: 178.88px; position: absolute; background: white"></div> <div style="width: 46.73px; height: 45.57px; left: 146.74px; top: 188.49px; position: absolute; background: #ED1C24"></div> <div style="width: 29.11px; height: 28.39px; left: 155.55px; top: 197.08px; position: absolute; background: white"></div> <div style="width: 12.35px; height: 12.03px; left: 163.93px; top: 205.26px; position: absolute; background: #ED1C24"></div> <div style="width: 15.25px; height: 66.52px; left: 124.15px; top: 174.58px; position: absolute; background: #DC8C18"></div> <div style="width: 15.25px; height: 66.17px; left: 124.15px; top: 174.58px; position: absolute; background: #B67414"></div> <div style="width: 11.80px; height: 19.83px; left: 136.16px; top: 170.71px; position: absolute; background: #E59A1A"></div> <div style="width: 9.64px; height: 22.72px; left: 129.76px; top: 167.82px; position: absolute; background: #E59A1A"></div> <div style="width: 11.47px; height: 9.71px; left: 120.66px; top: 237.49px; position: absolute; background: #E59A1A"></div> <div style="width: 22.54px; height: 64.88px; left: 114.78px; top: 176.24px; position: absolute; background: #F89E1B"></div> <div style="width: 1.76px; height: 0.54px; left: 114.78px; top: 240.04px; position: absolute; background: #153A3F"></div> <div style="width: 22.54px; height: 64.34px; left: 114.78px; top: 176.24px; position: absolute; background: #CD8217"></div> <div style="width: 13.95px; height: 18.44px; left: 132.31px; top: 173.30px; position: absolute; background: #F9B119"></div> <div style="width: 10.62px; height: 22.92px; left: 126.70px; top: 168.83px; position: absolute; background: #F9B119"></div> <div style="width: 11.15px; height: 10.08px; left: 111.64px; top: 236.78px; position: absolute; background: #F9B119"></div> <div style="width: 24.46px; height: 23.85px; left: 81.91px; top: 47.12px; position: absolute; background: #FAB220"></div> <div style="width: 24.45px; height: 23.85px; left: 96.82px; top: 15.80px; position: absolute; background: #F2562B"></div> <div style="width: 24.45px; height: 23.85px; left: 111.16px; top: 41.73px; position: absolute; background: #153A3F"></div> <div style="width: 24.46px; height: 23.84px; left: 74.47px; top: 25.51px; position: absolute; background: white"></div> <div style="width: 26.88px; height: 26.20px; left: 21.82px; top: 52.49px; position: absolute; background: #26575F"></div> <div style="width: 16.25px; height: 26.20px; left: 27.14px; top: 52.49px; position: absolute; background: #26575F"></div> <div style="width: 25.64px; height: 1.21px; left: 22.44px; top: 64.98px; position: absolute; background: #26575F"></div> <div style="width: 21.92px; height: 1.21px; left: 24.30px; top: 58.13px; position: absolute; background: #26575F"></div> <div style="width: 21.92px; height: 1.21px; left: 24.30px; top: 71.85px; position: absolute; background: #26575F"></div> <div style="width: 1.24px; height: 24.99px; left: 34.64px; top: 53.09px; position: absolute; background: #26575F"></div> <div style="width: 22.46px; height: 27.91px; left: 41.54px; top: 10.98px; position: absolute"> <div style="width: 22.46px; height: 27.91px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 20.65px; height: 26.88px; left: 1.48px; top: -0.01px; position: absolute; background: #26575F"></div> </div> <div style="width: 20.64px; height: 21.72px; left: 189.14px; top: 23.93px; position: absolute; background: #26575F"></div> <div style="width: 12.28px; height: 4.29px; left: 191.17px; top: 43.94px; position: absolute; background: #26575F"></div> <div style="width: 10.66px; height: 3.73px; left: 191.54px; top: 46.68px; position: absolute; background: #26575F"></div> <div style="width: 9.03px; height: 3.45px; left: 191.94px; top: 49.10px; position: absolute; background: #26575F"></div> <div style="width: 5.12px; height: 1.62px; left: 193.69px; top: 51.53px; position: absolute; background: #26575F"></div> <div style="width: 2.31px; height: 5.62px; left: 201.03px; top: 16.06px; position: absolute; background: #26575F"></div> <div style="width: 5.76px; height: 2.26px; left: 210.90px; top: 35.61px; position: absolute; background: #26575F"></div> <div style="width: 5.76px; height: 2.26px; left: 181.80px; top: 30.65px; position: absolute; background: #26575F"></div> <div style="width: 4.93px; height: 4.08px; left: 184.54px; top: 23.14px; position: absolute; background: #26575F"></div> <div style="width: 5.61px; height: 2.82px; left: 211.01px; top: 28.34px; position: absolute; background: #26575F"></div> <div style="width: 5.61px; height: 2.83px; left: 181.80px; top: 37.12px; position: absolute; background: #26575F"></div> <div style="width: 4.93px; height: 4.08px; left: 208.96px; top: 41.06px; position: absolute; background: #26575F"></div> <div style="width: 4.49px; height: 4.55px; left: 207.43px; top: 20.75px; position: absolute; background: #26575F"></div> <div style="width: 3.27px; height: 5.34px; left: 192.06px; top: 17.63px; position: absolute; background: #26575F"></div> </div> </div> <div style="width: 1879px; height: 385px; left: 184px; top: 863px; position: absolute"> <div style="width: 367px; height: 47px; left: 478px; top: 146px; position: absolute; color: black; font-size: 40px; font-family: Outfit; font-weight: 700; word-wrap: break-word">INSTALLATION</div> <div style="width: 444px; height: 360px; left: 27px; top: 6px; position: absolute"> <div style="width: 443.52px; height: 359.62px; left: 0px; top: 0px; position: absolute"> <div style="width: 443.52px; height: 359.62px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 443.91px; height: 359.62px; left: 0px; top: 0px; position: absolute; background: white"></div> </div> <div style="width: 285px; height: 212.61px; left: 99px; top: 74px; position: absolute"> <div style="width: 285px; height: 212.61px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 285.75px; height: 212.90px; left: -0.47px; top: -0.29px; position: absolute"> <img style="width: 285.75px; height: 212.90px; left: 0px; top: 0px; position: absolute" src="https://via.placeholder.com/286x213" /> <img style="width: 285.75px; height: 212.90px; left: 0px; top: 0px; position: absolute" src="https://via.placeholder.com/286x213" /> </div> </div> </div> <div style="width: 38.84px; height: 33px; left: 1083px; top: 153px; position: absolute"> <div style="width: 32.29px; height: 15.79px; left: 11.23px; top: 34.21px; position: absolute; transform: rotate(-89.01deg); transform-origin: 0 0; background: black"></div> </div> </div> <div style="width: 1879px; height: 385px; left: 182px; top: 1248px; position: absolute"> <div style="width: 367px; height: 47px; left: 488px; top: 146px; position: absolute; color: black; font-size: 40px; font-family: Outfit; font-weight: 700; word-wrap: break-word">MATERIALS</div> <div style="width: 181px; height: 50px; left: 155px; top: 146px; position: absolute; text-align: center; color: black; font-size: 40px; font-family: Outfit; font-weight: 700; word-wrap: break-word">IMAGE</div> <div style="width: 326px; height: 287px; left: 110px; top: 49px; position: absolute"> <div style="width: 324.67px; height: 284.87px; left: -0px; top: 0.35px; position: absolute"> <div style="width: 324.67px; height: 284.87px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 325.07px; height: 284.87px; left: 0px; top: 0px; position: absolute; background: white"></div> </div> <div style="width: 281.65px; height: 203.80px; left: 22.99px; top: 15.69px; position: absolute"> <div style="width: 281.65px; height: 203.80px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 281.79px; height: 202.38px; left: -0.03px; top: 0.01px; position: absolute; background: #F1A241"></div> </div> <div style="width: 12.09px; height: 8.39px; left: 76.09px; top: 209.70px; position: absolute; background: #F1A241"></div> <div style="width: 26px; height: 39.63px; left: 111.01px; top: 209.70px; position: absolute; background: #F1A241"></div> <div style="width: 25.99px; height: 39.64px; left: 190.69px; top: 209.69px; position: absolute; background: #F1A241"></div> <div style="width: 173.23px; height: 30.63px; left: 76.99px; top: 239.71px; position: absolute"> <div style="width: 173.23px; height: 30.63px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 171.05px; height: 29.72px; left: 1.35px; top: 1.22px; position: absolute; background: #F1A241"></div> </div> <div style="width: 205.96px; height: 96.91px; left: 60.87px; top: 65.92px; position: absolute; background: #F1A241"></div> </div> <div style="width: 38.84px; height: 33px; left: 1091px; top: 160px; position: absolute"> <div style="width: 32.29px; height: 15.79px; left: 11.23px; top: 34.21px; position: absolute; transform: rotate(-89.01deg); transform-origin: 0 0; background: black"></div> </div> </div> <div style="width: 1879px; height: 385px; left: 186px; top: 1633px; position: absolute"> <div style="width: 406px; height: 47px; left: 477px; top: 146px; position: absolute; color: black; font-size: 40px; font-family: Outfit; font-weight: 700; word-wrap: break-word">TROUBLESHOOTING</div> <div style="width: 280px; height: 279px; left: 119px; top: 30px; position: absolute"> <div style="width: 279.27px; height: 278.01px; left: 0.35px; top: -0px; position: absolute"> <div style="width: 279.27px; height: 278.01px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 279.27px; height: 278.48px; left: 0px; top: 0px; position: absolute; background: white"></div> </div> <div style="width: 31.36px; height: 143.58px; left: 238.74px; top: 54.08px; position: absolute"> <div style="width: 31.36px; height: 143.58px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 30.60px; height: 143.13px; left: 0.93px; top: 0.20px; position: absolute; background: #112B3C"></div> </div> <div style="width: 112.98px; height: 58.99px; left: 34.39px; top: 10px; position: absolute"> <div style="width: 112.98px; height: 58.99px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 112.08px; height: 58.63px; left: 0.86px; top: -0px; position: absolute; background: #112B3C"></div> </div> <div style="width: 113.96px; height: 58.34px; left: 35.37px; top: 192.99px; position: absolute"> <div style="width: 113.96px; height: 58.34px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 112.84px; height: 57.37px; left: 0.71px; top: 0.76px; position: absolute; background: #112B3C"></div> </div> <div style="width: 184.62px; height: 175.20px; left: 50.92px; top: 42.96px; position: absolute; background: #CCCCCC"></div> <div style="width: 120.47px; height: 114.32px; left: 120.46px; top: 132.93px; position: absolute; background: white"></div> <div style="width: 90.72px; height: 85.03px; left: 135.34px; top: 146.91px; position: absolute; background: #F1A241"></div> <div style="width: 93.35px; height: 87.53px; left: 134.02px; top: 145.66px; position: absolute; background: #112B3C"></div> <div style="width: 41.50px; height: 39.39px; left: 159.94px; top: 169.42px; position: absolute; background: black"></div> <div style="width: 44.15px; height: 41.89px; left: 158.62px; top: 168.17px; position: absolute; background: #112B3C"></div> <div style="width: 22.43px; height: 14.69px; left: 169.97px; top: 182.70px; position: absolute; background: #112B3C"></div> <div style="width: 96.01px; height: 114.21px; left: 146.29px; top: 134.30px; position: absolute; background: #112B3C"></div> <div style="width: 12.94px; height: 15.79px; left: 197.76px; top: 130.76px; position: absolute; background: #112B3C"></div> <div style="width: 72.84px; height: 102.85px; left: 119.10px; top: 131.59px; position: absolute; background: #112B3C"></div> <div style="width: 14.50px; height: 12.82px; left: 127.93px; top: 221.62px; position: absolute; background: #112B3C"></div> <div style="width: 107.63px; height: 102.43px; left: 144.34px; top: 16.16px; position: absolute; background: white"></div> <div style="width: 110.26px; height: 104.93px; left: 143.03px; top: 14.91px; position: absolute; background: #112B3C"></div> <div style="width: 15.66px; height: 14.86px; left: 226.87px; top: 94.92px; position: absolute; background: black"></div> <div style="width: 18.30px; height: 17.37px; left: 225.55px; top: 93.67px; position: absolute; background: #112B3C"></div> <div style="width: 52.21px; height: 50.47px; left: 193.77px; top: 18.42px; position: absolute; background: white"></div> <div style="width: 54.85px; height: 52.98px; left: 192.45px; top: 17.17px; position: absolute; background: #112B3C"></div> <div style="width: 63.75px; height: 60.50px; left: 142.25px; top: 57.22px; position: absolute; background: #F1A241"></div> <div style="width: 66.39px; height: 63px; left: 140.93px; top: 55.97px; position: absolute; background: #112B3C"></div> <div style="width: 105.42px; height: 59.75px; left: 2.95px; top: 123.61px; position: absolute; background: #F1A241"></div> <div style="width: 108.07px; height: 62.25px; left: 1.63px; top: 122.36px; position: absolute; background: #112B3C"></div> <div style="width: 69.87px; height: 42.22px; left: 20.77px; top: 141.13px; position: absolute; background: white"></div> <div style="width: 72.51px; height: 44.73px; left: 19.46px; top: 139.88px; position: absolute; background: #112B3C"></div> <div style="width: 9.04px; height: 6.19px; left: 13.06px; top: 162.11px; position: absolute; background: #112B3C"></div> <div style="width: 9.03px; height: 6.19px; left: 89.32px; top: 162.11px; position: absolute; background: #112B3C"></div> <div style="width: 46.09px; height: 25.14px; left: 32.85px; top: 71.18px; position: absolute; background: black"></div> <div style="width: 48.74px; height: 27.64px; left: 31.53px; top: 69.93px; position: absolute; background: #112B3C"></div> <div style="width: 50.30px; height: 48.03px; left: 30.73px; top: 83.53px; position: absolute; background: white"></div> <div style="width: 52.95px; height: 50.54px; left: 29.41px; top: 82.28px; position: absolute; background: #112B3C"></div> <div style="width: 37.76px; height: 70.93px; left: 90.06px; top: 54.99px; position: absolute; background: black"></div> <div style="width: 40.40px; height: 73.43px; left: 88.75px; top: 53.74px; position: absolute; background: #112B3C"></div> </div> <div style="width: 38.84px; height: 33px; left: 1078px; top: 153px; position: absolute"> <div style="width: 32.29px; height: 15.79px; left: 11.23px; top: 34.21px; position: absolute; transform: rotate(-89.01deg); transform-origin: 0 0; background: black"></div> </div> </div> <div style="width: 1879px; height: 385px; left: 190px; top: 2018px; position: absolute"> <div style="width: 367px; height: 47px; left: 469px; top: 146px; position: absolute; color: black; font-size: 40px; font-family: Outfit; font-weight: 700; word-wrap: break-word">COMMUNICATION</div> <div style="width: 308px; height: 296px; left: 105px; top: 22px; position: absolute"> <div style="width: 307.68px; height: 295.79px; left: 0.08px; top: 0.08px; position: absolute"> <div style="width: 307.68px; height: 295.79px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 307.34px; height: 295.79px; left: 0px; top: 0px; position: absolute; background: white"></div> </div> <div style="width: 134.83px; height: 159.73px; left: 54.04px; top: 88.74px; position: absolute; background: black"></div> <div style="width: 66.23px; height: 49.86px; left: 173.48px; top: 129.39px; position: absolute; background: black"></div> <div style="width: 60.92px; height: 60.93px; left: 121.64px; top: 62.09px; position: absolute; background: black"></div> <div style="width: 10.34px; height: 10.32px; left: 160.92px; top: 85.30px; position: absolute; background: black"></div> <div style="width: 10.33px; height: 10.31px; left: 146.93px; top: 85.32px; position: absolute; background: black"></div> <div style="width: 10.32px; height: 10.31px; left: 132.87px; top: 85.32px; position: absolute; background: black"></div> <div style="width: 261.83px; height: 261.86px; left: 14.25px; top: 21.70px; position: absolute"> <div style="width: 261.83px; height: 261.86px; left: 0px; top: 0px; position: absolute; background: black"></div> <div style="width: 261.34px; height: 261.33px; left: 0.08px; top: 0.08px; position: absolute; background: black"></div> </div> </div> <div style="width: 38.84px; height: 33px; left: 1074px; top: 153px; position: absolute"> <div style="width: 32.29px; height: 15.79px; left: 11.23px; top: 34.21px; position: absolute; transform: rotate(-89.01deg); transform-origin: 0 0; background: black"></div> </ div> </div> </ div> | | <html> |
| | <style> |
| | #mw-content-text.mw-body-content.mw-content-ltr { |
| | background-image: url('https://wiki.mdriven.net/images/background_desktop.webp'); |
| | background-size: cover; |
| | background-position: center; |
| | background-repeat: no-repeat; |
| | min-height: 100vh; |
| | display: flex; |
| | flex-direction: column; |
| | justify-content: flex-start; |
| | align-items: flex-start; |
| | padding: 2em; |
| | } |
| | |
| | .top-box { |
| | border-radius: 35px; |
| | background: rgba(255, 255, 255, 0.50); |
| | padding: 20px; |
| | max-width: 80%; |
| | width: 100%; |
| | text-align: left; |
| | font-size: 1.2em; |
| | color: #000; |
| | box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); |
| | margin-bottom: 4em; |
| | opacity: 0; |
| | animation: fadeIn 1.5s ease-out forwards; |
| | } |
| | |
| | .top-box-title { |
| | font-weight: bold; |
| | font-size: 1.5em; |
| | } |
| | |
| | .top-box-subtitle { |
| | font-weight: bold; |
| | font-size: 1.8em; |
| | margin-top: 10px; |
| | } |
| | |
| | .top-box-description { |
| | font-size: 1.2em; |
| | margin-top: 10px; |
| | } |
| | |
| | .video-container { |
| | text-align: left; |
| | margin-bottom: 60px; |
| | opacity: 0; |
| | animation: fadeIn 1.5s ease-out 0.5s forwards; |
| | } |
| | |
| | .video-container iframe { |
| | width: 100%; |
| | max-width: 800px; |
| | height: 450px; |
| | border: none; |
| | border-radius: 15px; |
| | } |
| | |
| | .next-step-button { |
| | display: inline-block; |
| | margin-top: 20px; |
| | padding: 10px 20px; |
| | border-radius: 25px; |
| | background: #E2F5FA; |
| | color: #000; |
| | font-size: 1.1em; |
| | font-weight: bold; |
| | text-decoration: none; |
| | text-align: center; |
| | opacity: 0; |
| | animation: fadeIn 1.5s ease-out 1s forwards; |
| | } |
| | |
| | .video-container iframe { |
| | width: 100%; |
| | max-width: 640px; |
| | height: 360px; |
| | border: none; |
| | border-radius: 15px; |
| | } |
| | |
| | @keyframes fadeIn { |
| | from { opacity: 0; } |
| | to { opacity: 1; } |
| | } |
| | |
| | @media (max-width: 767px) { |
| | #mw-content-text.mw-body-content.mw-content-ltr { |
| | background-image: url('https://wiki.mdriven.net/images/bootcamp_background_mobile.webp'); |
| | padding: 1em; |
| | } |
| | } |
| | </style> |
| | |
| | <span class="top-box-title">MDriven <span style="color:#F67A07;"> Learn </span> presents:</span><br> |
| | <span class="top-box-subtitle">BOOTCAMP</span><br> |
| | <span class="top-box-description">Learn how to model, prototype and build anything.</span> |
| | </div> |
| | |
| | <div class="video-container"> |
| | <iframe src="https://www.youtube.com/embed/xdbXkwVMz8c?si=rZuxuJbCBLlEwnrr" allowfullscreen></iframe> |
| | <a href="/index.php/Training:Bootcamp/Start" class="next-step-button">NEXT STEP - BOOTCAMP: BEFORE STARTING GUIDE</a> |
| | </div> |
| | </html> |
