Hi, I'm trying out the free version to see if it's worth a purchase.
I have css in HTML as <style></style> is this able to be parsed? i'm using document.LoadHTML
<div class="PreviewResumeContainer" bind-html-compile="resumePreview" style="display: block;">
<style class="ng-scope">
.ResumeViewContainer {
margin-left: 5px;
line-height: 1.42857143;
font-size: 1em !important;
width: 99%;
font-family: Arial;
padding: 20px;
}
.ResumeViewContainer ul {
padding-left: 0;
list-style: none;
margin: 0;
}
.ResumeViewH1Container {
width: 100%;
background-color: #ccc;
border-radius: 30px 0 30px 0;
}
.ResumeViewAvailabilityDate {
cursor: pointer;
color: red;
text-decoration: underline;
font-weight: bold;
font-size: larger;
}
.coverLetterContainer {
overflow: auto;
padding: 20px;
margin-bottom: 15px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
border: 2px solid darkgrey;
}
.componentContainer {
border: 2px solid darkgrey;
padding: 20px;
}
.ResumeViewContainer li {
padding-left: 0;
margin-left: 0;
list-style: none;
}
hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
.ResumeViewPersonalContainer {
text-align: center;
}
.ResumeViewName {
font-size: 50px;
text-align: center;
font-weight: bolder;
width: 100%;
}
.ResumeViewAddress, .ResumeViewAddressList {
width: 100%;
vertical-align: text-top;
text-align: left;
white-space: nowrap;
}
.ResumeViewH1 {
padding: 1px 0 2px 3px;
font-weight: bolder;
font-size: 25px;
margin: 10px 0;
}
.ResumeViewContainer span.companyName {
font-weight: bold;
}
.ResumeViewHeader {
margin-bottom: 20px;
text-align: center;
}
.ResumeViewJobInfo, .ResumeViewEducationInfo {
display: block;
}
.ResumeViewOtherList {
clear: both;
}
.ResumeViewContainer div.ResumeViewJobTitle, .ResumeViewContainer div.ResumeViewEducationDegree {
font-style: italic;
display: block;
float: none;
}
.ResumeViewContainer ul.ResumeView > li {
margin-bottom: 15px;
width: 100%;
}
.ResumeViewContainer span.JobInfoDate, .ResumeViewContainer span.EducationInfoDate {
text-align: right;
}
.ResumeView li {
margin-bottom: 15px;
}
.resumeDateValue {
text-align: right;
padding-right: 3px;
-webkit-text-wrap: none;
-moz-text-wrap: none;
-ms-text-wrap: none;
-o-text-wrap: none;
text-wrap: none;
white-space: nowrap;
}
</style>
<div class="ResumeViewContainer ng-scope">
<h3 style="margin-top: 0;">Cover Letter</h3>
<div class="coverLetterContainer">
<span><p>Dear Mr Black,</p>
<p>Please find enclosed my CV in application for the post advertised in the Guardian on 30 November.</p>
<p>The nature of my degree course has prepared me for this position. It involved a great deal of independent research, requiring initiative, self-motivation and a wide range of skills. For one course, [insert course], an understanding of the [insert sector] industry was essential. I found this subject very stimulating.</p>
<p>I am a fast and accurate writer, with a keen eye for detail and I should be very grateful for the opportunity to progress to market reporting. I am able to take on the responsibility of this position immediately, and have the enthusiasm and determination to ensure that I make a success of it.</p>
<p>Thank you for taking the time to consider this application and I look forward to hearing from you in the near future.</p>
<p>Yours sincerely</p>
</span>
</div>
<h3>Resume</h3>
<div class="componentContainer">
<div class="ResumeViewHeader">
<div class="ResumeViewAddress">
<div class="ResumeViewName">
John Doe
</div>
<div class="ResumeViewPersonalContainer">
1110 111A Ave
1234 •
Abee •
Alberta •
Canada<br>
C1C 5T5
Phone:
780-444-1234
79b39089-6e1c-4dfc-8bed-82abd2c4b5bc@mail.cazeen.com<br>
<a ng-click="openAvailability()" class="ResumeViewAvailabilityDate">Availability - Days Notice: 50</a>
</div>
</div>
</div>
<div class="ResumeViewHeader">
<div class="ResumeViewH1Container">
<div class="ResumeViewH1">Executive Summary</div>
</div>
</div>
<div class="ResumeViewOtherList">
<span><p>An <strong>executive summary</strong>, or <strong>management summary</strong>, is a short document or section of a document, produced for <a href="https://en.wikipedia.org/wiki/Business">business</a> purposes, that summarizes a longePassionate [Job Title] with [#] years of experience in systems analysis and computer programming. Excellent communication and interpersonal skills.r report or proposal or a group of related reports in such a way that readers can rapidly become acquainted with a large body of material without having to read it all. It usually contains a brief statement of the problem or proposal covered in the major document(s), background information, concise analysis and main conclusions. It is intended as an aid to decision-making by managers and has been described as the most important part of a <a href="https://en.wikipedia.org/wiki/Business_plan">business plan</a>.<a href="https://en.wikipedia.org/wiki/Executive_summary#cite_note-1">[1]</a><a href="https://en.wikipedia.org/wiki/Executive_summary#cite_note-2">[2]</a><a href="https://en.wikipedia.org/wiki/Executive_summary#cite_note-3">[3]</a><a href="https://en.wikipedia.org/wiki/Executive_summary#cite_note-4">[4</a>]</p>
</span><br>
</div>
<div class="ResumeViewHeader">
<div class="ResumeViewH1Container">
<div class="ResumeViewH1">Career Objective</div>
</div>
</div>
<div class="ResumeViewOtherList">
<span><p>A position in corporate procurement that can utilize skills in research and negotiating gained from 5 years of experience in another industry, helping a retailer cut costs and improve its competitive position. </p>
</span><br>
</div>
<div class="ResumeViewHeader">
<div class="ResumeViewH1Container">
<div class="ResumeViewH1">Work Experience</div>
</div>
</div>
<div class="ResumeViewEmploymentHistory">
<div class="ResumeViewEmploymentHistoryList">
<ul class="ResumeView">
<li>
<div class="ResumeViewJobInfo">
<span class="companyName">Google</span>
<div class="ResumeViewJobTitle">
CTO
</div>
January 2016
to
Ongoing
<span>- (Edmonton, Alberta, CA)</span>
<br>
<p>CTO Job description</p>
<br>
</div>
</li>
</ul>
</div>
<div class="ResumeViewEmploymentHistoryList">
<ul class="ResumeView">
<li>
<div class="ResumeViewJobInfo">
<span class="companyName">abccorp</span>
<div class="ResumeViewJobTitle">
workexk1
</div>
February 2015
to
Ongoing
<br>
<br>
</div>
</li>
</ul>
</div>
<div class="ResumeViewEmploymentHistoryList">
<ul class="ResumeView">
<li>
<div class="ResumeViewJobInfo">
<span class="companyName">companynbc</span>
<div class="ResumeViewJobTitle">
workepx2
</div>
January 2014
to
Ongoing
<br>
<br>
</div>
</li>
</ul>
</div>
<div class="ResumeViewEmploymentHistoryList">
<ul class="ResumeView">
<li>
<div class="ResumeViewJobInfo">
<span class="companyName">nbcblah</span>
<div class="ResumeViewJobTitle">
workexp3
</div>
January 2013
to
Ongoing
<br>
<br>
</div>
</li>
</ul>
</div>
<div class="ResumeViewEmploymentHistoryList">
<ul class="ResumeView">
<li>
<div class="ResumeViewJobInfo">
<span class="companyName">Test2asdasdasd</span>
<div class="ResumeViewJobTitle">
asdsads
</div>
January 2012
to
November 2015
<span>- (Beddington, Alberta, CA)</span>
<br>
<br>
</div>
</li>
</ul>
</div>
</div>
<div class="ResumeViewHeader">
<div class="ResumeViewH1Container">
<div class="ResumeViewH1">Education</div>
</div>
</div> <div class="ResumeViewEducation">
<div class="ResumeViewEducationList">
<ul class="ResumeView">
<li>
<div class="ResumeViewEducationInfo">
<span>
March 2016
to
March 2016
</span>
<br>
<span class="companyName">Nortech College</span>
<span>, </span>
<span>CA</span>
<br>
</div>
<div class="ResumeViewEducationDegree">
Diploma of sciences
</div>
</li>
</ul>
</div>
</div>
<div class="ResumeViewHeader">
<div class="ResumeViewH1Container">
<div class="ResumeViewH1">Skill Summary</div>
</div>
</div> <div>
<div class="table-responsive">
<table class="table table-condensed">
<thead>
<tr style="vertical-align: top;">
<th class="fieldTitle">Skill</th>
<th class="fieldTitle" style="width: 6%;">Last Used</th>
<th class="fieldTitleRight" style="width: 6%;">Time Used</th>
</tr>
</thead>
<tbody>
<tr class="alternating-color" style="vertical-align: top;">
<td>Present and summarize cases to judges and juries.</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Years: 2<br>Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Sociology and Anthropology</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Years: 3<br>Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Analyzing Data or Information</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Years: 3<br>Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Communicating with Persons Outside Organization</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Communicating with Supervisors, Peers, or Subordinates</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Developing and Building Teams</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Developing Objectives and Strategies</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Direct or coordinate an organization's financial or budget activities to fund operations, maximize investments, or increase efficiency.</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Establishing and Maintaining Interpersonal Relationships</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Getting Information</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Making Decisions and Solving Problems</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Oral Comprehension</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
<tr class="alternating-color" style="vertical-align: top;">
<td>Oral Expression</td>
<td class="nowrap">May 2016</td>
<td class="ResumeDateValue">Months: 5</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="ResumeViewHeader">
<div class="ResumeViewH1Container">
<div class="ResumeViewH1">Other</div>
</div>
</div> <div class="ResumeViewOtherList">
<strong>association to business abc</strong><br>
<span><p>dasdasdasdasdqwewqe</p>
</span><br>
</div>
</div>
</div>
</div>