Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add files via upload #1

Open
wants to merge 8 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
204 changes: 204 additions & 0 deletions About.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,204 @@
.u-section-1 .u-sheet-1 {
min-height: 1253px;
}

.u-section-1 .u-image-1 {
width: 366px;
height: 846px;
transition-duration: 0.5s;
transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
margin: 60px 16px 0 auto;
}

.u-section-1 .u-image-2 {
width: 465px;
height: 846px;
transition-duration: 0.5s;
transform: translateX(0px) translateY(0px) scale(1) rotate(0deg);
margin: -828px auto 0 16px;
}

.u-section-1 .u-text-1 {
line-height: 1.6;
width: 68px;
font-weight: 800;
margin: -826px auto 0;
}

.u-section-1 .u-text-2 {
font-size: 2.25rem;
font-weight: 800;
margin: 21px 824px 0 143px;
}

.u-section-1 .u-text-3 {
font-size: 2.25rem;
font-weight: 800;
margin: -39px 60px 60px 841px;
}

@media (max-width: 1199px) {
.u-section-1 .u-sheet-1 {
min-height: 1178px;
}

.u-section-1 .u-image-2 {
height: 845px;
}

.u-section-1 .u-text-1 {
width: 393px;
margin-top: -9px;
}

.u-section-1 .u-text-2 {
width: auto;
margin-top: -115px;
margin-right: 707px;
margin-left: 60px;
}

.u-section-1 .u-text-3 {
width: auto;
margin-right: 16px;
margin-left: 685px;
}
}

@media (max-width: 991px) {
.u-section-1 .u-image-1 {
margin-top: 224px;
margin-right: auto;
margin-left: 370px;
}

.u-section-1 .u-image-2 {
margin-top: -823px;
margin-left: -16px;
}

.u-section-1 .u-text-1 {
margin-top: -1050px;
}

.u-section-1 .u-text-2 {
margin-top: 920px;
margin-right: 417px;
margin-left: 130px;
}

.u-section-1 .u-text-3 {
margin-right: 14px;
margin-left: 467px;
}
}

@media (max-width: 767px) {
.u-section-1 .u-image-1 {
margin-top: 184px;
margin-right: -33px;
margin-left: auto;
}

.u-section-1 .u-image-2 {
margin-top: -831px;
margin-left: -50px;
}

.u-section-1 .u-text-1 {
width: 314px;
margin-top: -956px;
}

.u-section-1 .u-text-2 {
margin-top: 853px;
margin-right: 327px;
margin-left: 40px;
}

.u-section-1 .u-text-3 {
margin-right: -37px;
margin-left: 338px;
}
}

@media (max-width: 575px) {
.u-section-1 .u-sheet-1 {
min-height: 2003px;
}

.u-section-1 .u-image-1 {
margin-top: 1078px;
margin-left: -13px;
margin-right: -13px;
}

.u-section-1 .u-image-2 {
height: 618px;
margin-top: -1672px;
margin-right: initial;
margin-left: initial;
width: auto;
}

.u-section-1 .u-text-1 {
width: auto;
margin-top: -715px;
margin-left: 13px;
margin-right: 13px;
}

.u-section-1 .u-text-2 {
width: 173px;
margin-top: 695px;
margin-left: auto;
margin-right: auto;
}

.u-section-1 .u-text-3 {
width: 243px;
margin: 959px auto 40px;
}
}

.u-section-1 .u-image-2,
.u-section-1 .u-image-2:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, background-size, background-position;
}

.u-section-1 .u-image-2.u-image-2.u-image-2:hover {
transform: translateY(-10px) !important;
}

.u-section-1 .u-image-2.u-image-2.u-image-2.hover {
transform: translateY(-10px) !important;
}

.u-section-1 .u-container-layout:hover .u-image-2 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-container-layout.hover .u-section-1 .u-image-2 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-section-1 .u-image-1,
.u-section-1 .u-image-1:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, background-size, background-position;
}

.u-section-1 .u-image-1.u-image-1.u-image-1:hover {
transform: translateY(-10px) !important;
}

.u-section-1 .u-image-1.u-image-1.u-image-1.hover {
transform: translateY(-10px) !important;
}

.u-section-1 .u-container-layout:hover .u-image-1 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}

.u-container-layout.hover .u-section-1 .u-image-1 {
transform: rotate(0deg) scale(1) translateX(0px) translateY(0px) !important;
}
123 changes: 123 additions & 0 deletions About.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
<!DOCTYPE html>
<html style="font-size: 16px;" lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="page_type" content="np-template-header-footer-from-plugin">
<title>About</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="About.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<link rel="icon" href="images/favicon.png">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700">


<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "SIMPP"
}</script>
<meta name="theme-color" content="#478ac9">
<meta property="og:title" content="About">
<meta property="og:description" content="">
<meta property="og:type" content="website">
</head>
<body class="u-body u-xl-mode"><header class="u-clearfix u-header u-header" id="sec-acae"><div class="u-clearfix u-sheet u-valign-middle-md u-valign-middle-sm u-valign-middle-xs u-sheet-1">
<div class="u-clearfix u-group-elements u-group-elements-1">
<img class="u-hover-feature u-image u-image-default u-image-1" src="images/Untitled_Artwork911.png" alt="" data-image-width="1643" data-image-height="1341" data-href="Home.html" data-page-id="74660296">
<h1 class="u-custom-font u-font-oswald u-hover-feature u-text u-text-custom-color-1 u-text-default u-text-1">
<a class="u-active-none u-border-none u-btn u-button-link u-button-style u-hover-none u-none u-text-custom-color-1 u-btn-1" href="Home.html" data-page-id="74660296">SIMPP</a>
</h1>
</div>
<nav class="u-align-left u-menu u-menu-dropdown u-offcanvas u-offcanvas-shift u-menu-1" data-responsive-from="MD">
<div class="menu-collapse">
<a class="u-button-style u-custom-text-active-color u-custom-text-hover-color u-nav-link" href="#" style="padding: 4px 0px; font-size: calc(1em + 8px);">
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 302 302" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-5c50"></use></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg-5c50" x="0px" y="0px" viewBox="0 0 302 302" style="enable-background:new 0 0 302 302;" xml:space="preserve" class="u-svg-content"><g><rect y="36" width="302" height="30"></rect><rect y="236" width="302" height="30"></rect><rect y="136" width="302" height="30"></rect>
</g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
</a>
</div>
<div class="u-custom-menu u-nav-container">
<ul class="u-nav u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-2-base u-text-hover-custom-color-1" href="Home.html" style="padding: 10px 20px;">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-2-base u-text-hover-custom-color-1" href="Model-Training.html" style="padding: 10px 20px;">Model Training</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-2-base u-text-hover-custom-color-1" href="Simulations.html" style="padding: 10px 20px;">Simulations</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-2-base u-text-hover-custom-color-1" href="About.html" style="padding: 10px 20px;">About</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-2-base u-text-hover-custom-color-1" href="Contact.html" style="padding: 10px 20px;">Contact</a>
</li></ul>
</div>
<div class="u-custom-menu u-nav-container-collapse">
<div class="u-align-center u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Model-Training.html">Model Training</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Simulations.html">Simulations</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html">About</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html">Contact</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
</div></header>
<section class="u-clearfix u-section-1" id="sec-3fbc">
<div class="u-clearfix u-sheet u-sheet-1">
<img class="u-hover-feature u-image u-image-default u-image-1" src="images/Untitled_Artwork97copy2.png" alt="" data-image-width="653" data-image-height="1509">
<img class="u-expanded-width-xs u-hover-feature u-image u-image-default u-image-2" src="images/Untitled_Artwork97copy.png" alt="" data-image-width="808" data-image-height="1469">
<h1 class="u-text u-text-font u-title u-text-1">OUR TEAM</h1>
<h1 class="u-text u-text-font u-title u-text-2">Ray Yeung</h1>
<h1 class="u-text u-text-font u-title u-text-3">Jeffrey Chang</h1>
</div>


</section>


<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-8b5f"><div class="u-clearfix u-sheet u-sheet-1">
<img class="u-image u-image-default u-preserve-proportions u-image-1" src="images/Untitled_Artwork2.png" alt="" data-image-width="2048" data-image-height="2048">
<p class="u-align-left u-text u-text-1">
<span style="font-size: 1.5rem; font-weight: 700;">Contact</span>
<br>Email:&nbsp;[email protected]<br>
<br>
</p>
<h1 class="u-text u-text-2">Subscribe</h1>
<div class="u-form u-form-1">
<form action="scripts/form-8b5f.php" method="POST" class="u-clearfix u-form-horizontal u-form-spacing-10 u-inner-form" source="customphp" name="form" style="padding: 10px;">
<div class="u-form-email u-form-group u-form-partition-factor-2">
<label for="email-cca4" class="u-form-control-hidden u-label"></label>
<input type="email" placeholder="Email" id="email-cca4" name="email" class="u-border-1 u-border-white u-input u-input-rectangle" required="">
</div>
<div class="u-align-left u-form-group u-form-submit">
<a href="#" class="u-border-2 u-border-white u-btn u-btn-submit u-button-style u-hover-white u-none u-btn-1">Submit</a>
<input type="submit" value="submit" class="u-form-control-hidden">
</div>
<div class="u-form-send-message u-form-send-success"> Thank you! Your message has been sent. </div>
<div class="u-form-send-error u-form-send-message"> Unable to send your message. Please fix errors then try again. </div>
<input type="hidden" value="" name="recaptchaResponse">
</form>
</div>
<div class="u-border-1 u-border-white u-line u-line-horizontal u-line-1"></div>
<p class="u-small-text u-text u-text-variant u-text-3"> © SIMPP 2022. Development by:&nbsp;Ray &amp; Jeffrey . &nbsp;&nbsp;<a href="https://ichthion.com/privacy-policy/" class="u-active-none u-border-none u-btn u-button-style u-hover-none u-none u-text-palette-1-base u-btn-2">Privacy Policy.</a>&nbsp;<a href="https://ichthion.com/terms-and-conditions/" class="u-active-none u-border-none u-btn u-button-style u-hover-none u-none u-text-palette-1-base u-btn-3">Terms and Conditions</a>&nbsp;<a href="https://ichthion.com/cookie-policy/" class="u-active-none u-border-none u-btn u-button-style u-hover-none u-none u-text-palette-1-base u-btn-4">Cookie Policy</a>&nbsp;<a href="https://ichthion.com/accessibility-policy/" class="u-active-none u-border-none u-btn u-button-style u-hover-none u-none u-text-palette-1-base u-btn-5">Accessibility Policy</a>&nbsp;Accessibility Policy
</p>
</div></footer>
<section class="u-backlink u-clearfix u-grey-80">
<a class="u-link" href="https://iffsimpp.github.io/" target="_blank">
<span>IFFSIMPP website</span>
</a>
<p class="u-text">
<span>made & designed by</span>
</p>
<a class="u-link" href="" target="_blank">
<span>Ray Yeung</span>
</a>.
</section><span style="height: 64px; width: 64px; margin-left: 0px; margin-right: auto; margin-top: 0px; background-image: none; right: 45px; bottom: 80px; padding: 15px;" class="u-back-to-top u-black u-icon u-icon-rectangle u-opacity u-opacity-80 u-radius-15 u-spacing-15" data-href="#">
<svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 551.13 551.13"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1d98"></use></svg>
<svg class="u-svg-content" enable-background="new 0 0 551.13 551.13" viewBox="0 0 551.13 551.13" xmlns="http://www.w3.org/2000/svg" id="svg-1d98"><path d="m275.565 189.451 223.897 223.897h51.668l-275.565-275.565-275.565 275.565h51.668z"></path></svg>
</span>
</body>
</html>
Loading