Я управлял разрывом страницы динамически в соответствии с содержанием HTML, следовал за последним ответом для разрыва страницы
Теперь мне нужно знать, какой компонент HTML отображается после разрыва страницы, что означает на второй странице, Нужно, потому что мне нужен другой стиль для второй страницы моего pdf.
Вот мой HTML
<div class="template-007">
<div class="col-left float-left">
<div class="false-padding"></div>
<div class="profile">
<div class="username">
<h2>{{ $section['info']['data']['first_name'] }} {{ $section['info']['data']['last_name'] ?? null }}</h2>
</div>
<div class="position">
<p>{{ $section['info']['data']['designation'] ?? null }}</p>
</div>
@if ($section['career']['data'] != null)
<div class="about-me">
<h2><b>{{ $section['career']['title'] }}</b></h2>
{!! $section['career']['data']['summary'] !!}
</div>
@endif
</div>
@if ($section['experience']['data'] != null)
<div class="section-wrapper">
<div class="section-title">
<div class="shape-rounded float-left">
<p>{{ $section['experience']['title'] }}</p>
</div>
</div>
<div class="content">
@foreach($section['experience']['data'] as $exp)
<div class="content-row">
<div class="institution float-left">
<p class="title">
{{ $exp['company'] }}
</p>
<p class="time-period">
{{ \Carbon\Carbon::parse($exp['date_from'])->format('M Y') }} -
@if( $exp['date_to'] == 'present')
Present
@else
{{ \Carbon\Carbon::parse($exp['date_from'])->format('M Y') }}
@endif
</p>
</div>
<div class="position float-left">
<div class="title">{{ $exp['title'] }}</div>
<div class="desc">{!! $exp['description'] !!}</div>
</div>
</div>
@endforeach
</div>
</div>
@endif
@if(strlen($section['certification']['data']['details']) > 6)
<div class="content-list-wrapper keep-together">
<div class="section-title">
<div class="shape-rounded float-left">
<p>{{ $section['certification']['title'] }}</p>
</div>
<div class="line float-left">
</div>
</div>
<div class="content-left">
<div class="content-list">
<div class="list">
<p>{!! $section['certification']['data']['details'] !!}</p>
</div>
</div>
</div>
</div>
@endif
@if(strlen($section['curricular']['data']['details']) > 6)
<div class="content-list-wrapper keep-together">
<div class="section-title">
<div class="shape-rounded float-left">
<p>{{$section['curricular']['title']}}</p>
</div>
<div class="line float-left"></div>
</div>
<div class="content-left">
<div class="content-list">
<div class="list">
<p>{!! $section['curricular']['data']['details'] !!}</p>
</div>
</div>
</div>
</div>
@endif
@if(strlen($section['portfolio']['data']['details']) > 6)
<div class="content-list-wrapper keep-together">
<div class="section-title">
<div class="shape-rounded float-left">
<p>{{$section['portfolio']['title']}}</p>
</div>
</div>
<div class="content-left">
<div class="content-list">
<div class="list">
<p>{!! $section['portfolio']['data']['details'] !!}</p>
</div>
</div>
</div>
</div>
@endif
@if($section['reference']['data'] != null)
<div class="content-list-wrapper keep-together">
<div class="section-title">
<div class="shape-rounded float-left">
<p>{{ $section['reference']['title'] }}</p>
</div>
</div>
<div class="content-left">
<div class="reference-list">
@foreach($section['reference']['data'] as $reference)
<div class="item">
<p>
{!! $reference['details'] !!}
</p>
</div>
@endforeach
</div>
</div>
</div>
@endif
</div>
<div class="col-right">
<div class="false-padding"></div>
<div class="avatar">
<div class="cutout"></div>
@if ($section['info']['data']['image'] != null)
<img src="{{ public_path('/storage/'.$section['info']['data']['image']) }}" />
@else
<img src="{{ public_path('/images/default-user.png') }}" alt="">
@endif
</div>
<div class="section-wrapper keep-together">
<div class="contact">
<ul>
<li>Phone: {{ $section['info']['data']['phone'] ?? null }}</li>
<li>Email: {{ $section['info']['data']['email'] ?? null }}</li>
@if (isset($section['info']['data']['skype']))
<li>Skype: {{ $section['info']['data']['skype']}}</li>
@endif
<li>Address: {{ $section['info']['data']['present_address'] ?? null }}</li>
</ul>
</div>
</div>
@if($section['education']['data'] != null)
<div class="section-wrapper keep-together">
<div class="section-title">
<div class="shape-rounded float-left">
<p>{{$section['education']['title']}}</p>
</div>
</div>
<div class="content">
@foreach($section['education']['data'] as $education)
<div class="content-row">
<div class="institution float-left">
<p class="title">
{{ $education['institute'] }}
</p>
<p class="time-period">
{{ \Carbon\Carbon::parse($education['start_date'])->format('Y') }} -
{{ \Carbon\Carbon::parse($education['end_date'])->format('Y') }}
</p>
</div>
<div class="degree float-left">
<div class="title">{{ $education['degree'] }}</div>
<div class="desc">CGPA/GPA: {{ $education['grade'] }}</div>
</div>
</div>
@endforeach
</div>
</div>
@endif
@if($section['technical_skill']['data'] != null)
<div class="section-wrapper keep-together">
<div class="section-title">
<div class="shape-rounded">
<p>{{$section['technical_skill']['title']}}</p>
</div>
</div>
<div class="progress-content">
@foreach($section['technical_skill']['data'] as $skill)
<div class="content-row">
<div class="type float-left">
<p class="title">
{{ $skill['name'] }}
</p>
</div>
<div class="skill-progress float-right">
<div class="circle-wrapper">
@for($level = 0; $level < 5; $level++)
@if($level < $skill['level'])
<i class="circle-checked"></i>
@else
<i class="circle-empty"></i>
@endif
@endfor
</div>
</div>
</div>
@endforeach
</div>
</div>
@endif
@if ($section['language']['data'] != null )
<div class="section-wrapper keep-together">
<div class="section-title">
<div class="shape-rounded">
<p>{{$section['language']['title']}}</p>
</div>
</div>
<div class="progress-content">
@foreach ($section['language']['data'] as $language)
<div class="content-row">
<div class="type float-left">
<p class="title">
{{ $language['name'] }}
</p>
</div>
<div class="skill-progress float-right">
<div class="circle-wrapper">
@for($level = 0; $level < 5; $level++)
@if($level < $language['level'])
<i class="circle-checked"></i>
@else
<i class="circle-empty"></i>
@endif
@endfor
</div>
</div>
</div>
@endforeach
</div>
</div>
@endif
</div>
ширина второй страницы должна быть 100%
Но любой контент должен быть на второй странице.