-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (95 loc) · 6.56 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Install Pascal</title>
<meta name="description" content="Learn how to set up Pascal. And get started with Pascal Coding.
(Compiler:Free Pascal Compiler, Editor:VS Code0">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="manifest.json">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/aos.min.css">
<link rel="stylesheet" href="assets/css/3D-animated-text-on-hover-3D-animated-text-on-hover-1.css">
<link rel="stylesheet" href="assets/css/3D-animated-text-on-hover-3D-animated-text-on-hover.css">
<link rel="stylesheet" href="assets/css/Animation-Cards-_app.css">
<link rel="stylesheet" href="assets/css/Animation-Cards.css">
<link rel="stylesheet" href="assets/css/Card-Store.css">
</head>
<body>
<div class="card">
<div class="card-header" style="background: linear-gradient(#0abef7, white);">
<ul class="nav nav-tabs card-header-tabs" role="tablist">
<li class="nav-item"><a class="nav-link active" id="item-1-1-tab" role="tab" aria-controls="item-1-1" aria-selected="true" href="#item-1-1" data-bs-toggle="tab"><span style="color: rgb(229, 23, 127);">Step 1</span></a></li>
<li class="nav-item"><a class="nav-link" id="item-1-2-tab" role="tab" aria-controls="item-1-2" aria-selected="false" href="#item-1-2" data-bs-toggle="tab"><span style="color: rgb(232, 4, 127);">Step 2</span></a></li>
<li class="nav-item"><a class="nav-link" id="item-1-3-tab" role="tab" aria-controls="item-1-3" aria-selected="false" href="#item-1-3" data-bs-toggle="tab"><span style="color: rgb(230, 21, 127);">Step 3</span></a></li>
</ul>
</div>
<div class="card-body">
<div id="nav-tabContent" class="tab-content">
<div id="item-1-1" class="tab-pane fade show active" role="tabpanel" aria-labelledby="item-1-1-tab">
<h4>Step 1: Download Free PASCAL Compiler</h4>
<p>Clicking the button will allow you to download the compiler form SourceForge.</p><a class="btn btn-dark btn-lg" role="button" href="https://sourceforge.net/projects/freepascal/files/Win32/3.2.2/fpc-3.2.2.i386-win32.exe/download">Download</a>
</div>
<div id="item-1-2" class="tab-pane fade" role="tabpanel" aria-labelledby="item-1-2-tab">
<h4>Step 2: Download Visual Studio Code</h4>
<p>Clicking the button will allow you to download Visual Studio Code directly from Microsoft.</p><a class="btn btn-dark btn-lg" role="button" href="https://code.visualstudio.com/sha/download?build=stable&os=win32-user">Download</a>
</div>
<div id="item-1-3" class="tab-pane fade" role="tabpanel" aria-labelledby="item-1-3-tab">
<h4>Step 3: Install the 'OmniPascal' extension</h4>
<p>Clicking the button will allow you to naviagte to the Omnipascal website for install.</p><a class="btn btn-dark btn-lg" role="button" href="https://omnipascal.com/">Go To</a>
</div>
</div>
</div>
</div>
<div class="row space-rows">
<div class="col">
<div class="card cards-shadown cards-hover" data-aos="flip-left" data-aos-duration="950">
<div class="card-header" style="background: url("assets/img/CleanShot%202023-04-29%20at%2016.27.11.png");"><span class="space"><a href="adder.pas"><i class="fa fa-cloud-download" id="download-icon-1"></i></a></span>
<div class="cardheader-text">
<h4 id="heading-card-1">Ln 2, Col 15</h4>
<p id="cardheader-subtext-1">Pascal</p>
</div>
</div>
<div class="card-body" style="background: linear-gradient(-1deg, #00ffa3 0%, var(--bs-card-cap-bg));">
<p class="card-text sub-text-color" style="color: rgb(0,0,0);">Sample Code:</p>
<p class="card-text cardbody-sub-text" style="color: var(--bs-black);">Adder</p>
</div>
</div>
</div>
<div class="col">
<div class="card cards-shadown cards-hover" data-aos="slide-right" data-aos-duration="950">
<div class="card-header" style="background: url("assets/img/CleanShot%202023-04-29%20at%2016.28.39.png");"><span class="space"><a href="adder_infin.pas"><i class="fa fa-cloud-download" id="download-icon-2"></i></a></span>
<div class="cardheader-text">
<h4 id="heading-card-2">Ln 25, Col 5</h4>
<p id="cardheader-subtext-2">Pascal</p>
</div>
</div>
<div class="card-body" style="background: linear-gradient(-6deg, #ff00b8, white);">
<p class="card-text sub-text-color" style="color: var(--bs-black);">Sample Code:</p>
<p class="card-text cardbody-sub-text" style="color: var(--bs-black);">Adder_Infin</p>
</div>
</div>
</div>
<div class="col">
<div class="card cards-shadown cards-hover" data-aos="flip-up" data-aos-duration="950">
<div class="card-header cards-header-hover" style="background: url("assets/img/CleanShot%202023-04-29%20at%2016.27.56.png");"><span class="space"><a href="ar.pas"><i class="fa fa-cloud-download" id="download-icon-3"></i></a></span>
<div class="cardheader-text">
<h4 id="heading-card-3">Ln 2,Col 15</h4>
<p id="cardheader-subtext-3">Pascal</p>
</div>
</div>
<div class="card-body" style="background: linear-gradient(-11deg, var(--bs-info), white);">
<p class="card-text sub-text-color" style="color: var(--bs-black);">Sample Code:</p>
<p class="card-text cardbody-sub-text" style="color: var(--bs-black);">ar</p>
</div>
</div>
</div>
</div>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/aos.min.js"></script>
<script src="assets/js/bs-init.js"></script>
<script src="assets/js/3D-animated-text-on-hover.js"></script>
</body>
</html>