@ -10,35 +10,34 @@
<!-- Custom CSS -->
< title > Resources < / title >
< title > ResourceFinder < / title >
< / head >
< link rel = "stylesheet" href = "styles/theme.css" >
< link rel = "stylesheet" href = "styles/ResourcesLandingPage.css" >
< title > ResourcePoint < / title >
< title > ResourceFinder < / title >
< / head >
< body >
< header >
< div class = "collapse bg- dark " id = "navbarHeader" >
< div class = "collapse bg- primary " id = "navbarHeader" >
< div class = "container" >
< div class = "row" >
< div class = "col-sm-8 col-md-7 py-4" >
< h4 class = "text-white" > About< / h4 >
< p class = "text-muted" > You rely on a vast amount of resources to do your job. How can you keep track of them all? Explore ResourcePoint. From project-management applications to expense reports, this centralized resource center can < i > point< / i > you in the right direction.< / p >
< p class = "text-success" > You rely on a vast amount of resources to do your job. How can you keep track of them all? Explore ResourceFinder. From payroll to project-management, ResourceFinder can help you locate the tools you need.< / p >
< / div >
< div class = "col-sm-4 offset-md-1 py-4" >
< ul class = "list-unstyled" >
< li > < a href = "#" class = "text- white "> Help< / a > < / li >
< li > < a href = "#" class = "text- white "> Feedback< / a > < / li >
< li > < a href = "#" class = "text- success "> Help< / a > < / li >
< li > < a href = "#" class = "text- success "> Feedback< / a > < / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
< div class = "navbar navbar-dark bg- dark shadow-sm">
< div class = "navbar navbar-dark bg- secondary shadow-sm">
< div class = "container d-flex justify-content-between" >
< a href = "#" class = "navbar-brand d-flex align-items-center" >
< strong > ResourcePoint < / strong >
< strong > ResourceFinder < / strong >
< / a >
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
@ -48,62 +47,83 @@
< / div >
< / header >
< main role = "main ">
< main role = "main bg-primary ">
< div class = "album py-5 bg- light ">
< div class = "album py-5 bg- primary ">
< div class = "container" >
< input class = "form-control form-control-dark w-100 " type = "text" placeholder = "Search" aria-label = "Search" >
< input class = "form-control form-control-dark w-100 bg-secondary " type = "text" placeholder = "Search" aria-label = "Search" >
< / div >
< div class = "album py-5 bg-light ">
< div class = "container ">
< div class = "album py-5 ">
< div class = "container bg-primary ">
< div class = "row" >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm ">
< img class = "card-img-top" src = "../images/InterfaceImagine_356x280.png" alt = "Computer screen >
< div class = "card-body" >
< p class = "card-text "> Would you like to view a design that has apps and a dashboard? Check out this < a href = "ResourcesInterface.html" > alternative layout< / a > .
< div class = "card mb-4 shadow-sm bg-secondary ">
< div class = "card-body ">
< h7 class = "card-text text-white" style = "text-align:center" > Paycor< / h7 >
< p class = "card-text text-success"> Clock in and out, request time off, review health benefits and access paystubs using the Paycor human-resources application .
< / p >
< div class = "d-flex justify-content-between align-items-center" >
< img class = "rounded-circle mx-auto d-block img-fluid" src = "../images/PaycorLogo2-Circle_100x100.png" alt = "Paycor logo" style = "max-height:50px" >
< / div >
< hr width = "95%" align = "center" color = "#A79D9D" >
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > View< / button >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > Edit< / button >
< button type = "button" class = "btn btn-outline-light" > Go< / button >
< / div >
< small class = "text-muted" > 9 mins< / small >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm" >
< img class = "card-img-top" src = "../images/Email-b_356x280.png" alt = "Email image" >
< div class = "card-body" >
< p class = "card-text" > Open your company e-mail application. Your Gmail account offers e-mail,
a calendar and instant messaging.< / p >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm bg-secondary" >
< div class = "card-body" >
< h7 class = "card-text text-white" style = "text-align:center" > Gmail< / h7 >
< p class = "card-text text-success" > Access your company e-mail application. Gmail offers e-mail, a calendar and instant messaging to aid collaboration.
< / p >
< div class = "d-flex justify-content-between align-items-center" >
< img class = "rounded-circle mx-auto d-block img-fluid" src = "../images/GmailCircle_100x100.png" alt = "Gmail logo" style = "max-height:50px" >
< / div >
< hr width = "95%" align = "center" color = "#A79D9D" >
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > View< / button >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > Edit< / button >
< button type = "button" class = "btn btn-outline-light" > Go< / button >
< / div >
< small class = "text-muted" > 9 mins< / small >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm" >
< img class = "card-img-top" src = "../images/SocialMedia_356x280.png" alt = "Social media image" >
< div class = "card-body" >
< p class = "card-text" > Get the latest company news and connect with your colleagues.
JDSfaulkner uses Workplace by Facebook for sharing information.< / p >
< div class = "col-md-4" >
< div class = "card mb-4 shadow-sm bg-secondary" >
< div class = "card-body" >
< h7 class = "card-text text-white" style = "text-align:center" > Workplace< / h7 >
< p class = "card-text text-success" > Get the latest company news and connect with your colleagues. JDSfaulkner uses Workplace by Facebook for sharing information.
< / p >
< div class = "d-flex justify-content-between align-items-center" >
< img class = "rounded-circle mx-auto d-block img-fluid" src = "../images/WorkplaceLogo-Circle_100x100.png" alt = "Workplace logo" style = "max-height:50px" >
< / div >
< hr width = "95%" align = "center" color = "#A79D9D" >
< div class = "d-flex justify-content-between align-items-center" >
< div class = "btn-group" >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > View< / button >
< button type = "button" class = "btn btn-sm btn-outline-secondary" > Edit< / button >
< button type = "button" class = "btn btn-outline-light" > Go< / button >
< / div >
< small class = "text-muted" > 9 mins< / small >
< / div >
< / div >
< / div >
< / div >
< / div >
