Universitee - University Html Template

Documentation version 1.0.0


Introduction

  • Item Name : Universitee - University Html Template
  • Item Version : v 1.0.0
  • Author : Codeboxr

Thank you for purchasing our Template. If you have any questions that are beyond the scope of this help file, please feel free and Contact Us From ThemeForest Support Area or Our Support Area.Thanks so much! or

Overview #back to top

Universitee University Html Template is an awesome HTML template built with modern technologies like HTML5, CSS3, jQuery, Bootstrap4.x, Font Awesome 4.x, LESS, Gulp, and more which is specially designed for any kind of Educational Institute or University Webiste. To easily modify all those pages according to your need, this documentation is going to help you.

Home Layout 1 - (index.html)
Home Layout 2 - (index2.html)
Typography - (typography.html)
404 Error - (404.html)

It is accepted that before you start modifying the HTML for your need at least you have basic knowledge in html and twitter Bootstrap 4. If you need custom development as well as need to know any thing specific for this Template that doesn't cover in this documentation, you are always welcome to contact us.

General #back to top

The whole theme contains html, css, less, js, php and image files.Files and Folder Structure of theme folder:

To start customizing the theme need to do little setup. See there is a package.json file in the theme root folder. Open command promt in the theme root folder. Please note that, you need to do this if you want to compile less to css and compile js and minify as per our theme setup or how provided.

Make sure you opened the command prompt to current theme root directory. Now type: npm install. It will install necessary node modules. If you don't have node.js installed then download and install for your os version.

After all node modules are installed successfully type gulp in command prompt and see it will compile all less files from assets/less dir and put single css file(s) in assets/css dir. Same time from dir assets/js theme.js will be minified and new file theme.min.js will be created/updated

Header #back to top

The codes for the Header lies within lines83 - 234 in every file.The header section contains the logo and the navigation menu, to modify the contents, simply edit the text for logo and lists items for navigation menu.


Footer #back to top

The codes for the Footer lies within lines902 - 1017 in every file.The footer section contains widgets and copyright to modify the contents imply edit.



                        
                                

Slider Section #back to top

Slider Section is included in Home Page2 (index2.html). To modify the content of Slider Section : you would change the following: (Line No: Near 191 to 236 ) codes in index2.html.


Scroll

Slider Section required js code is included in (assets/js/theme.js). To modify the content of Slider Section required js code : you would change the following: (Line No: Near 291 to 300 ) codes in theme.js.

    // 14. Slider Carousel JS
    $('.slider-carousel').owlCarousel({
        loop: true,
        margin: 0,
        items: 1,
        dots: false,
        nav: true,
        navClass: ['owl-nav-item owl-prev', 'owl-nav-item owl-next']
    });
                                    

About Section #back to top

About Section is included in Home Page (index.html). To modify the content of About Section : you would change the following: (Line No: Near 240 to 275 ) codes in index.html.


About

About us

Maecenased malesuada Pellentesque egestased, nequed site amet onvallis pulvinar, nis dis parturiented justo nulla Nullam accumsan.Pellentesqueram. dis parturienugue, nis parturient monnascetur ridiculus mus.Parturiented is an Nullam accumsan. posuere. Phasellus blandit leo ut odio.

Maecenas malesuada Pellentesqueed egestas, neque sit amet onvalli pulnis dis parturiented justo nulla eleifende augue, nis parturient monetur ridiculus mus.Parturient Nullam accumsan.

Promotion Section #back to top

Promotion Section is included in Home Page (index.html). To modify the content of Promotion Section : you would change the following: (Line No: Near 278 to 333 ) codes in index.html.


Department Section #back to top

Department Section is included in Home Page (index.html). To modify the content of Department Section : you would change the following: (Line No: Near 343 to 420 ) codes in index.html.


our Departments

Latest Gallery #back to top

Gallery Section is included in Home Page (index.html). To modify the content of Project Gallery Section : you would change the following: (Line No: Near 422 to 563 ) codes in index.html.




                    

About Page #back to top

About Page is about.html. To modify the content of About Page you would change the about.html.

Blog Listing Page #back to top

Blog List Page is blog.html. To modify the content of Blog Listing Page you would change the blog.html.

Single Blog Page #back to top

Single Blog Page is single-blog.html. To modify the content of this Page you would change the single-blog.html.

Contact Page #back to top

Contact Page is contactus.html. To modify the content of Contact Page you would change the contactus.html.


420, 12th Floor
177, odhom road, Dhaka

+897 242 000
+1104 222 1215

Contact page is required js code is included in (assets/js/theme.js). To modify the content of Contact page required js code : you would change the following: (Line No: Near 252 to 338 ) codes in theme.js.

//Start Contact Form Validation And Ajax Submission

    var $contactForm = $('form#cbx-contact-form');
    $contactForm.validate({
        submitHandler: function (form) {
            var $contactForm = $(form);
            $.ajax({
                url: cbx_path + '/php/contact.php',
                type: 'post',
                data: $contactForm.serialize(),
                success: function (ajaxResponse) {
                    try {
                        var ajaxResponse = $.parseJSON(ajaxResponse);


                        if (ajaxResponse.error) {
                            //for field error
                            $.each(ajaxResponse.error_field, function (i) {
                                if ($('label#' + ajaxResponse.error_field[i] + '-error').length == 0) {
                                    $('#' + ajaxResponse.error_field[i]).after('');

                                }
                                $('label#' + ajaxResponse.error_field[i] + '-error').text(ajaxResponse.message[ajaxResponse.error_field[i]]);
                            });
                        } else if (ajaxResponse.successmessage) {

                            //alert(ajaxResponse.successmessage);
                            //$( '.cbx-formalert' ).addClass( "alert alert-success" );
                            $('#cbx-formalert').addClass("alert alert alert-success").html(ajaxResponse.successmessage);
                            $contactForm[0].reset();
                        }
                    } catch (e) {
                        //consoe.log(e.message );
                        $contactForm[0].reset();
                    }
                },
                error: function (error) {
                    $contactForm[0].reset();
                }
            });

            return false;

        },

        rules: {
            'cbxname': {
                required: true
            },
            'cbxemail': {
                required: true
            },
            'cbxmessage': {
                required: true
            },
            'cbxsubject': {
                required: true
            }
        }
    }); //End Contact Form js
                                

Contact page is required also php code is included in (php/contact.php). To modify the content of Contact page required php code : you would change default settings the following: (Line No: Near 10 to 16 ) codes in contact.php

 false,
    'error_field' => array(),
    'message' => array()
);

$rules = array(
    'cbxname'       => 'trim|required|alpha_spaces',
    'cbxemail'      => 'trim|required|email',
    'cbxmessage'    => 'trim|required|alpha_numeric_spaces',
    'cbxsubject'    => 'trim|required|alpha_numeric_spaces',

);

if ($_POST) {
    require_once(__DIR__.DS.'class.validation.php');
    $frm_val = new validation;

    foreach ($rules as $post_key => $rule) {
        $frm_val->validate($post_key, $rule);
    }

    $validation_info = $frm_val->validation_info();
    $validation_message['error'] = !$validation_info['validation'];

    foreach ($validation_info['error_list'] as $error_field => $message) {
        $validation_message['error_field'][] = $error_field;
        $validation_message['message'][$error_field] = $message;
    }

    $cbxname        = $frm_val->get_value('cbxname');
    //var_dump($cbxname);
    $cbxemail       = $frm_val->get_value('cbxemail');
    ///var_dump($cbxemail);
    $cbxsendme      = isset( $_POST['cbxsendme'] ) ? 'on' : '';

    ///var_dump($cbxsendme);
    $cbxmessage     = $frm_val->get_value('cbxmessage');

    $cbxsubject     = $frm_val->get_value('cbxsubject');

    //var_dump($cbxmessage);
    //exit();


    //if save in csv true
    if ($save_in_csv && $validation_info['validation']) {
        $list[] = $cbxname;
        $list[] = $cbxemail;
        $list[] = $cbxmessage;
        $fp = fopen('contacts.csv', 'a');
        fputcsv($fp, $list);
        fclose($fp);
    }
    //end if save is csv true
   // $validation_message['message'] = 'This is success Process';
    //send email

    if($validation_info['validation']){
        //now prepare for sending email

        //include the php emailer library
        require 'phpmailer/PHPMailerAutoload.php';

        //create an instance of phpmailer class
        $mail = new PHPMailer;


        //some config if you need help based on your server configuration
        //$mail->isSMTP();
        //$mail->Host = 'mailtrap.io';  // Specify main and backup SMTP servers
        //$mail->SMTPAuth = true;
        //$mail->SMTPSecure = 'tls';                            // Enable TLS encryption, `ssl` also accepted
        //$mail->Port = 2525;                                    // TCP port to connect to
        //$mail->Username = '55569aef984b0f07e';                 // SMTP username
        //$mail->Password = 'a93f0387c7dabf';                    // SMTP password

        //add admin from email
        $mail->From = $admin_email_from;
        //add admin from name
        $mail->FromName = $admin_email_from_name;
        //add admin to email and name
        $mail->addAddress($admin_email_to ,$admin_email_to_name);

        //add more if you need more to recipient
        //$mail->addAddress('ellen@example.com');               // Name is optional

        //add if you need reply to
        //$mail->addReplyTo('', '');
        //add if you need cc
        //$mail->addCC('');

        //add if you need bcc
        // $mail->addBCC('');

        //$mail->addAttachment('');     // Add attachments
        //$mail->addAttachment('');    // Optional name
        $mail->isHTML(true);           // Set email format to HTML

        $mail->Subject = ($cbxsubject == '')? $admin_send_subject: $cbxsubject;
        $mail->Body    = $cbxmessage;
        //$mail->AltBody = 'This is the body in plain text for non-HTML mail clients';



        if($mail->send() === true) {

            $validation_message['successmessage'] = 'Message has been sent successfully !';
        } else {
            $validation_message['successmessage'] = 'Sorry, Mail could not be sent. Please contact server admin.';
        }

        //send email to user if user agreed or selected "copy me"
        if($cbxsendme == 'on'){
            $mail2 = new PHPMailer;

            //some config if you need help based on your server configuration
            //$mail2->Host = 'localhost';  // Specify main and backup SMTP servers

            // $mail->Username = '';                 // SMTP username
            // $mail->Password = '';                           // SMTP password
            // $mail->SMTPSecure = '';                            // Enable TLS encryption, `ssl` also accepted
           // $mail2->Port = ;                                    // TCP port to connect to

            //add admin from email
            $mail2->From = $admin_email_from;
            //add admin from name
            $mail2->FromName = $admin_email_from_name;
            //now send to user
            //$mail->From = $admin_email_from;
           // $mail->FromName = $admin_email_from_name;
            //$mail->all_recipients = array();
            $mail2->addAddress($cbxemail ,$cbxname);     // Add a recipient, user who fillted the contact form
            //$mail->addAddress('ellen@example.com');               // Name is optional
            //$mail->addReplyTo('info@example.com', 'Information');
            //$mail->addCC('cc@example.com');
            // $mail->addBCC('bcc@example.com');

            //$mail->addAttachment('/var/tmp/file.tar.gz');         // Add attachments
            //$mail->addAttachment('/tmp/image.jpg', 'new.jpg');    // Optional name
            $mail2->isHTML(true);                                  // Set email format to HTML

            $mail2->Subject = 'Copy Mail:'.$admin_send_subject;
            $mail2->Body    = $cbxmessage;
            //$mail->AltBody = 'This is the body in plain text for non-HTML mail clients';

            if($mail2->send() === true) {
                $validation_message['successmessage'] = 'Message has been sent successfully !';


            } else {
                $validation_message['successmessage'] = 'Sorry, Mail could not be sent. Please contact server admin.';

            }
        }
    }
    else{

    }

    //end send email

    echo json_encode($validation_message);
    die(1);
}

                                

Version History (Changelog) #back to top

Changelog

-----------------------------------------------------------------------------------------
Version 1.0 - 20.07.2019
-----------------------------------------------------------------------------------------

- Initial Release