Skip to content

Commit

Permalink
Merge pull request palabhi017#40 from palabhi017/fw21_0613_day-3
Browse files Browse the repository at this point in the history 
FAQ done
  • Loading branch information
@officialShaifaliJ
officialShaifaliJ authored Nov 10, 2022
2 parents 1370e67 + 8f2beb0 commit b7c1c36
Show file tree
Hide file tree
Showing 7 changed files with 752 additions and 4 deletions.
164 changes: 164 additions & 0 deletions components/exportPage.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,164 @@
const export_data=()=>{
return ` <div id="export">
<div id="export_para">
<p class="head">Exports</p>
<p>Exports is data exported to spreadsheets and sorted into cells and sheets. You can turn to this feature to see much more detailed information on your employee’s time spending habits.
</p>
<h4>How to use Exports:</h4>
<li>
Choose from 11 different data categories that encompass all DeskTime activities.
</li>
<li>
Download your team’s (as well as your own) productivity data in excel or .csv formats.
</li>
<li>Analyze employee performance, share with clients to explain your costs or use in any other way
</li>
<li>
Use the raw data to create custom visualizations via pivot tables, charts, .etc.
</li>
<li>
Add reports with detailed billable hours when invoicing clients.
</li>
<li>
Exports store information for a period of 1 year.
</li>
<button class="demo">GOT IT</button>
<button class="trial">READ MORE</button>
</div>
<div>
<img src="https://desktime.com/static/app/intro/exports.png?v1" alt="" id="export_img">
</div>
</div>
<div id="generate_history">
<p class="head2">Exports</p>
<button id="export_btn">GENERATE EXPORT</button>
<button>EXPORT HISTORY</button>
<p class="head2">Choose your data set</p>
<div id="card">
<!-- 1 -->
<div class="generate">
<div class="img">
<img src=" https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-team-members.svg" alt="">
</div>
<div class="gen_data">
<p>TEAM MEMBER</p>
<p>Provides information about team member working times, arrival and leaving times, and productivity.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 2 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-applications.svg
" alt="">
</div>
<div class="gen_data">
<p>APPLICATION</p>
<p>Shows all of the applications used by the selected employees and the time spent on each.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 3 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-productivity-bar-apps.svg" alt="">
</div>
<div class="gen_data">
<p>PRODUCTIVITY BAR APPS</p>
<p>Shows the used applications at specific times of the day for a single team member.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 4 -->
<div class="generate">
<div class="img">
<img src=" https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-windows-title.svg" alt="">
</div>
<div class="gen_data">
<p>WINDOW TITLE</p>
<p>Provides information about team member working times, arrival and leaving times, and productivity.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 5 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-offline-time.svg" alt="">
</div>
<div class="gen_data">
<p>OFFLINE TIME</p>
<p>Shows how much offline time each team members has taken each day (or has logged)</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 6 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-projects.svg" alt="">
</div>
<div class="gen_data">
<p>PROJECTS</p>
<p>Shows information on what projects and tasks have been worked on in the selected time period, including their costs.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 7 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-projects-and-team-members.svg" alt="">
</div>
<div class="gen_data">
<p>PROJECTS/TEAM MEMBERS</p>
<p>Generates data on what projects and tasks each team member has worked on each day and for how long.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 8 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-projects-apps.svg" alt="">
</div>
<div class="gen_data">
<p>PROJECTS/APPS</p>
<p>Shows what applications have been used by the selected team member(s) while working on each project for each day.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 9 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-absence.svg" alt="">
</div>
<div class="gen_data">
<p>ABSENCES</p>
<p>Provides an overview of absences and their types taken by team members and who approved those absences</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 10 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-work-schedules.svg" alt="">
</div>
<div class="gen_data">
<p>WORK SCHEDULES</p>
<p>Shows all of the appointed shifts for the selected team members, their arrival times, productivity data and worked hours.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 11 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-overtime.svg" alt="">
</div>
<div class="gen_data">
<p>OVER TIME</p>
<p>Shows how much overtime team members have worked (time over the minimum hours specified in the settings or shift).</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
</div>
</div>`
}

export default export_data;
2 changes: 1 addition & 1 deletion components/nav.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ function nav(){
<a href="">Feature</a>
<a href="price.html">Pricing</a>
<a href="">About Us</a>
<a href="">FAQ</a>
<a href="faq.html">FAQ</a>
<a href="">Blog</a>
<Button id="login_btn">LOGIN</Button>
<Button id="signup_btn">SIGN UP</Button>
Expand Down
175 changes: 175 additions & 0 deletions export.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,175 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./styles/exportPage.css">
<title>Document</title>
</head>
<body>
<div id="export">
<div id="export_para">
<p class="head">Exports</p>
<p>Exports is data exported to spreadsheets and sorted into cells and sheets. You can turn to this feature to see much more detailed information on your employee’s time spending habits.
</p>
<h4>How to use Exports:</h4>
<li>
Choose from 11 different data categories that encompass all DeskTime activities.
</li>
<li>
Download your team’s (as well as your own) productivity data in excel or .csv formats.
</li>
<li>Analyze employee performance, share with clients to explain your costs or use in any other way
</li>
<li>
Use the raw data to create custom visualizations via pivot tables, charts, .etc.
</li>
<li>
Add reports with detailed billable hours when invoicing clients.
</li>
<li>
Exports store information for a period of 1 year.
</li>
<button class="demo">GOT IT</button>
<button class="trial">READ MORE</button>
</div>
<div>
<img src="https://desktime.com/static/app/intro/exports.png?v1" alt="" id="export_img">
</div>
</div>
<div id="generate_history">
<p class="head2">Exports</p>
<button id="export_btn">GENERATE EXPORT</button>
<button>EXPORT HISTORY</button>
<p class="head2">Choose your data set</p>
<div id="card">
<!-- 1 -->
<div class="generate">
<div class="img">
<img src=" https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-team-members.svg" alt="">
</div>
<div class="gen_data">
<p>TEAM MEMBER</p>
<p>Provides information about team member working times, arrival and leaving times, and productivity.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 2 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-applications.svg
" alt="">
</div>
<div class="gen_data">
<p>APPLICATION</p>
<p>Shows all of the applications used by the selected employees and the time spent on each.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 3 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-productivity-bar-apps.svg" alt="">
</div>
<div class="gen_data">
<p>PRODUCTIVITY BAR APPS</p>
<p>Shows the used applications at specific times of the day for a single team member.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 4 -->
<div class="generate">
<div class="img">
<img src=" https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-windows-title.svg" alt="">
</div>
<div class="gen_data">
<p>WINDOW TITLE</p>
<p>Provides information about team member working times, arrival and leaving times, and productivity.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 5 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-offline-time.svg" alt="">
</div>
<div class="gen_data">
<p>OFFLINE TIME</p>
<p>Shows how much offline time each team members has taken each day (or has logged)</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 6 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-projects.svg" alt="">
</div>
<div class="gen_data">
<p>PROJECTS</p>
<p>Shows information on what projects and tasks have been worked on in the selected time period, including their costs.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 7 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-projects-and-team-members.svg" alt="">
</div>
<div class="gen_data">
<p>PROJECTS/TEAM MEMBERS</p>
<p>Generates data on what projects and tasks each team member has worked on each day and for how long.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 8 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-projects-apps.svg" alt="">
</div>
<div class="gen_data">
<p>PROJECTS/APPS</p>
<p>Shows what applications have been used by the selected team member(s) while working on each project for each day.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 9 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-absence.svg" alt="">
</div>
<div class="gen_data">
<p>ABSENCES</p>
<p>Provides an overview of absences and their types taken by team members and who approved those absences</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 10 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-work-schedules.svg" alt="">
</div>
<div class="gen_data">
<p>WORK SCHEDULES</p>
<p>Shows all of the appointed shifts for the selected team members, their arrival times, productivity data and worked hours.</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
<!-- 11 -->
<div class="generate">
<div class="img">
<img src="https://desktime.com/vendor/desktime/exports/img/icons/icons-64-x-64-overtime.svg" alt="">
</div>
<div class="gen_data">
<p>OVER TIME</p>
<p>Shows how much overtime team members have worked (time over the minimum hours specified in the settings or shift).</p>
<p class="gen_green">GENERATE</p>
</div>
</div>
</div>
</div>
</body>
</html>
<script src="https://kit.fontawesome.com/24c494a6b6.js"
crossorigin="anonymous"
></script>
30 changes: 27 additions & 3 deletions faq.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,13 +6,37 @@
<meta name="viewport" content="width='device-width', initial-scale=1.0">
<link rel="stylesheet" href="styles/navbar.css">
<link rel="stylesheet" href="styles/footer.css">
<link rel="stylesheet" href="styles/about.css">
<link rel="stylesheet" href="styles/faq.css">
<title>FAQ</title>
</head>
<body>

<!-- import navbar -->
<div id="navbar"></div>
<!-- FAQ Input div -->
<div id="faq_input">
<h1>Frequently Asked Questions</h1>
<p>Here you can find all the questions you need answered</p>
<input type="text" id="looking" placeholder="What are you looking for?">
<button class="demo">SERACH</button>
</div>
<!-- FAQ GRID BOX -->
<div id="questions"></div>
<!-- green </div> -->
<div id="green_div">
<h1>
Join 400,000+ users already managing their time with the DeskTime app
</h1>
<input type="text" id="mail" placeholder="Your work email"><a href="login.html"><button class="demo">GET STARTED</button></a>
<p>Try free for 14 days. No credit card required.</p>
<p>By signing up, you agree to our terms and privacy policy.</p>
</div>
<!-- import <footer> -->
<div id="footer"></div>
</body>
</html>
<script type="module" src="scripts/about.js"></script>
<script src="https://kit.fontawesome.com/24c494a6b6.js"
crossorigin="anonymous"
></script>
<script type="module" src="scripts/faq.js"></script>
<script src="scripts/navbar.js"></script>
<script src="scripts/footer.js"></script>
Loading

0 comments on commit b7c1c36

Please sign in to comment.