rem

+<?php
+/**
+ * Partial template for content in page.php
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+?>
+
+<article <?php post_class(); ?> id="post-<?php the_ID(); ?>">
+
+
+
+	<div class="entry-content">
+
+		<?php
+		the_content();
+		understrap_link_pages();
+		?>
+
+	</div><!-- .entry-content -->
+
+	<footer class="entry-footer">
+
+		<?php understrap_edit_post_link(); ?>
+
+	</footer><!-- .entry-footer -->
+
+</article><!-- #post-## -->

@@ -19,7 +19,8 @@
     "copy-assets": "node src/build/copy-assets.js",
     "copy-assets": "node src/build/copy-assets.js",
     "dist": "npm-run-all --parallel css js",
     "dist": "npm-run-all --parallel css js",
     "dist-build": "node src/build/dist-build.js",
     "dist-build": "node src/build/dist-build.js",
-    "dist-clean": "node src/build/dist-clean.js"
+    "dist-clean": "node src/build/dist-clean.js",
+    "postcss-pxtorem": "node src/build/postcss-pxtorem.js"
   },
   },
   "engines": {
   "engines": {
     "node": ">=14"
     "node": ">=14"
@@ -41,7 +42,9 @@
     "url": "https://github.com/understrap/understrap-child/issues"
     "url": "https://github.com/understrap/understrap-child/issues"
   },
   },
   "homepage": "https://understrap.com",
   "homepage": "https://understrap.com",
-  "dependencies": {},
+  "dependencies": {
+    "gulp-pxtorem": "^3.0.0"
+  },
   "devDependencies": {
   "devDependencies": {
     "@babel/core": "^7.16.0",
     "@babel/core": "^7.16.0",
     "@babel/preset-env": "^7.16.4",
     "@babel/preset-env": "^7.16.4",
@@ -62,8 +65,9 @@
     "nodemon": "^2.0.15",
     "nodemon": "^2.0.15",
     "npm-run-all": "^4.1.5",
     "npm-run-all": "^4.1.5",
     "popper.js": "^1.16.1",
     "popper.js": "^1.16.1",
-    "postcss": "^8.4.4",
+    "postcss": "^8.4.5",
     "postcss-cli": "^9.0.2",
     "postcss-cli": "^9.0.2",
+    "postcss-pxtorem": "^6.0.0",
     "postcss-understrap-palette-generator": "git+https://github.com/understrap/postcss-understrap-palette-generator.git",
     "postcss-understrap-palette-generator": "git+https://github.com/understrap/postcss-understrap-palette-generator.git",
     "rollup": "^2.60.2",
     "rollup": "^2.60.2",
     "sass": "^1.44.0",
     "sass": "^1.44.0",

 <?php
 <?php
 /**
 /**
- * Template Name: Home Page
+ * Template Name: Certificant Page
  *
  *
  * Template for displaying a page without sidebar even if a sidebar widget is published.
  * Template for displaying a page without sidebar even if a sidebar widget is published.
  *
  *
@@ -14,12 +14,11 @@ get_header();
 //$container = "full-width";
 //$container = "full-width";
 $container = get_theme_mod( 'understrap_container_type' );
 $container = get_theme_mod( 'understrap_container_type' );
 
 
-if ( is_front_page() ) {
-	get_template_part( 'global-templates/numbers_hero' );
-}
+get_template_part( 'global-templates/certificant_hero' );
+
 ?>
 ?>
 
 
-<div class="wrapper" id="full-width-page-wrapper">
+<div class="wrapper certificant" id="full-width-page-wrapper">
 
 
 	<div class="<?php echo esc_attr( $container ); ?>" id="content">
 	<div class="<?php echo esc_attr( $container ); ?>" id="content">
 
 

+<?php
+/**
+ * Template Name: Numbers Page
+ *
+ * Template for displaying a page without sidebar even if a sidebar widget is published.
+ *
+ * @package Understrap
+ */
+
+// Exit if accessed directly.
+defined( 'ABSPATH' ) || exit;
+
+get_header();
+//$container = "full-width";
+$container = get_theme_mod( 'understrap_container_type' );
+
+if ( is_front_page() ) {
+	get_template_part( 'global-templates/certificant_hero' );
+}
+?>
+
+<div class="wrapper certificant" id="full-width-page-wrapper">
+
+	<div class="<?php echo esc_attr( $container ); ?>" id="content">
+
+		<div class="row">
+
+			<div class="col-md-12 content-area" id="primary">
+
+				<main class="site-main" id="main" role="main">
+				
+					<?php
+					while ( have_posts() ) {
+						the_post();
+						get_template_part( 'loop-templates/content', 'certificant' );
+
+						// If comments are open or we have at least one comment, load up the comment template.
+						if ( comments_open() || get_comments_number() ) {
+							comments_template();
+						}
+					}
+					?>
+
+				</main><!-- #main -->
+
+			</div><!-- #primary -->
+
+		</div><!-- .row end -->
+
+	</div><!-- #content -->
+
+</div><!-- #full-width-page-wrapper -->
+
+<?php
+get_footer();

+var fs = require('fs');
+var postcss = require('postcss');
+var pxtorem = require('postcss-pxtorem');
+var css = fs.readFileSync('./css/child-theme.css', 'utf8');
+var options = {
+    rootValue: 16,
+    unitPrecision: 5,
+    propList: ['font', 'font-size', 'line-height', 'letter-spacing'],
+    selectorBlackList: [],
+    replace: true,
+    mediaQuery: false,
+    minPixelValue: 0,
+
+};
+
+var processedCss = postcss(pxtorem(options)).process(css).css;
+
+fs.writeFile('./css/main-rem.css', processedCss, function (err) {
+  if (err) {
+    throw err;
+  }
+  console.log('Rem file written.');
+});
\ No newline at end of file

@@ -9,7 +9,8 @@
 
 
 // Any additional imported files //
 // Any additional imported files //
 @import "theme/child_theme";                             // <------- Add your styles into this file
 @import "theme/child_theme";                             // <------- Add your styles into this file
-@import "theme/numbers";     
+@import "theme/certificant";
+@import "theme/numbers";          
 @import "theme/footer";                             // <------- Add your styles into this file
 @import "theme/footer";                             // <------- Add your styles into this file
 @import "assets/understrap/theme/colors";           // <-------- This creates the necessary bootstrap color classes.
 @import "assets/understrap/theme/colors";           // <-------- This creates the necessary bootstrap color classes.
 @import "assets/understrap/theme/blocks";           // <-------- This adds Bootstrap styles to blocks.
 @import "assets/understrap/theme/blocks";           // <-------- This adds Bootstrap styles to blocks.