-
Notifications
You must be signed in to change notification settings - Fork 0
/
cover-letter.html
133 lines (120 loc) · 6.17 KB
/
cover-letter.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<title>Cover Letter + Interview Questions - JobsGuru.ai</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:title" content="">
<meta property="og:type" content="">
<meta property="og:url" content="">
<meta property="og:image" content="">
<link rel="manifest" href="site.webmanifest">
<link rel="apple-touch-icon" href="icon.png">
<!-- Place favicon.ico in the root directory -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/coverletter.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nosifer&display=swap">
<link href="https://fonts.googleapis.com/css2?family=Special+Elite&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<meta name="theme-color" content="#fafafa">
</head>
<body>
<div class="content">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" id="top-toolbar">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
<img class="logo" src="img/logo.png" />
<ul class="navbar-nav">
<li class="dash-nav-item">
<a class="nav-link" href="#">Dashboard</a>
</li>
<li class="dash-nav-item">
<a class="nav-link" href="#">Start New App</a>
</li>
<li class="dash-nav-item">
<a class="nav-link" href="#">Match & Tweak</a>
</li>
<li id="cover-dark" class="dash-nav-item">
<a class="nav-link" href="#">Cover Letter + Questions</a>
</li>
<li class="dash-nav-item">
<a class="nav-link" href="#">Mock Interview</a>
</li>
<li class="dash-nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
More
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Delete Profile</a></li>
<li><a class="dropdown-item" href="#">Contact The Team</a></li>
</ul>
</li>
<li class="dash-nav-item">
<a class="nav-link" href="#">Logout</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container cover-content">
<div class="cover-text">
<h1 class="cover-h1">Let's work on your cover letter!</h1>
<div class="col-md-12 text-center video-buttons">
<button type="button" class="btn btn-primary btn-lg mx-5 btn-logo custom-button video-button">Info Video: Cover Letter</button>
<button type="button" class="btn btn-primary btn-lg mx-5 btn-logo custom-button video-button">Info Video: Interview Questions</button>
</div>
</div>
<div class="row cover-table">
<div class="col">
<!-- Nav tabs -->
<ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
<li class="nav-item flex-fill text-center cover-table-tab" role="presentation">
<button class="nav-link w-100" id="tab1-tab" data-bs-toggle="tab" data-bs-target="#tab1" type="button" role="tab" aria-controls="tab1" aria-selected="false">Cover Letter</button>
</li>
<li class="nav-item flex-fill text-center cover-table-tab active" role="presentation"> <!-- added 'active' class here -->
<button class="nav-link active w-100" id="tab2-tab" data-bs-toggle="tab" data-bs-target="#tab2" type="button" role="tab" aria-controls="tab2" aria-selected="true">Notes</button>
</li>
<li class="nav-item flex-fill text-center cover-table-tab" role="presentation">
<button class="nav-link w-100" id="tab3-tab" data-bs-toggle="tab" data-bs-target="#tab3" type="button" role="tab" aria-controls="tab3" aria-selected="false">Interview Questions</button>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
<h3>Tab 1 Content</h3>
<p>This is the content of tab 1.</p>
</div>
<div class="tab-pane fade show active" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
<h3>Tab 2 Content</h3>
<p>This is the content of tab 2.</p>
</div>
<div class="tab-pane fade" id="tab3" role="tabpanel" aria-labelledby="tab3-tab">
<h3>Tab 3 Content</h3>
<p>This is the content of tab 3.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Add your site or application content here -->
<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.3.0/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>
<!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
<script>
window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
</script>
<script src="https://www.google-analytics.com/analytics.js" async></script>
</body>
</html>