diff --git a/Templates/career_goals/career_goals_image/download.jpg b/Templates/career_goals/career_goals_image/download.jpg new file mode 100644 index 0000000..23fd5a6 Binary files /dev/null and b/Templates/career_goals/career_goals_image/download.jpg differ diff --git a/Templates/career_goals/career_goals_logo/119331272.jpg b/Templates/career_goals/career_goals_logo/119331272.jpg new file mode 100644 index 0000000..eb996b4 Binary files /dev/null and b/Templates/career_goals/career_goals_logo/119331272.jpg differ diff --git a/Templates/career_goals/index.html b/Templates/career_goals/index.html new file mode 100644 index 0000000..8332aa0 --- /dev/null +++ b/Templates/career_goals/index.html @@ -0,0 +1,36 @@ + + + + + + career_goals + + + +
+ +
+ Choose a Subject +
+
+ +
+ +
+ +
+ +
+ +
+ + + \ No newline at end of file diff --git a/Templates/career_goals/style.css b/Templates/career_goals/style.css new file mode 100644 index 0000000..f7d2b56 --- /dev/null +++ b/Templates/career_goals/style.css @@ -0,0 +1,120 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: sans-serif; +} + +body{ + + background-image: url("career_goals_image/download.jpg"); + background-repeat: no-repeat; + background-position: center ; + background-size: cover; + width: 100%; + height: 100%; + +} +.main{ + width: 100%; + height: 100vh; + position: absolute; + display: flex; + align-items: center; + justify-content: center; +} + +.career{ + text-decoration: none; + color:rgb(12, 5, 1); + font-size: 35px; + padding-top: 400; + padding-bottom: 400; + padding-left: 125; + padding-right: 125; + } + +button +{ + display: inline; + background-color: rgb(247, 247, 247); + border: none; + color: black + padding: 15px 32px; + text-align: center; + text-decoration: none; + border: white; + display: inline-block; + transition-duration: 1s; + width: 350px; + +} + +button:hover{ + text-decoration: none; + color:rgb(255, 255, 255); + background-color: rgb(253, 109, 57); + font-size: 23px; +} + +nav{ + padding: 30px 20px; + display: flex; + align-items: center; + justify-content: space-between; + width: 100%; + position: absolute; + top: 0; + left: 0; + +} + +nav .logo{ + border-radius: 5px; + width: 60px; + height: 60px; + background: scroll; + position: absolute; + top: 20; + left: 90; + +} + +nav ul li{ + list-style: none; + display: inline-block; + margin-left: 150px; + margin-right: 150px; +} + +nav ul li a { + + margin: 20px; + text-decoration: none; + color:rgb(240, 229, 229); + font-size: 20px; + +} + +nav ul li a:hover{ + color:rgb(253, 109, 57); + transition-duration: 1s; +} +.box { + grid-template-columns: 1fr ; + font-size: 20px; + text-decoration: none; + display: grid; + padding: 80px; + border-radius: 25px; + padding-top: 20 ; + padding-bottom: 40; + padding-left: 80; + padding-right: 80; + padding-block-end: 5mm; + align-items: center; + justify-content: center; + } + + +