The Times Of Technology

website address :- []

The Times Of Technology :

The Times Of Technology(TTOT) is Blog/Magazine website which keeps you sync with latest technology news.This website gives a great platform for anyone who loves to write articles about technology, If they want they can also write about their product on this website.

Team Members And There Responsibilities :

Mohd Aadil , Abhishek Vashisht , Khushvinder , sambeet :- Combined Team Effort

Area And Initial Planning :


Actually inspired from different tech magazines and some blogging sites.

Tools , Language , Platform used , Hosting :

We worked on the top of joomla as a platform,First we started with a template, we found one on the internet and we recoded the template as we required we did this for the sake of project speed,and then we worked on the backend like search bar , social widgets , slider etc etc and finally we buyed the domain and make it point to the name servers of our host situated at, finally we uploaded and configured file on our host using FTP and done!.

Step By Step learning journey :

we first think about the website template and basic functioning of website, and coded it accordingly and finally uploaded it to the host.

Homepage Screenshot :


Code Snippets :

Code Snippet from index.php

define('_JEXEC', 1);

if (file_exists(__DIR__ . '/defines.php'))
    include_once __DIR__ . '/defines.php';

if (!defined('_JDEFINES'))
    define('JPATH_BASE', __DIR__);
    require_once JPATH_BASE . '/includes/defines.php';

require_once JPATH_BASE . '/includes/framework.php';

// Mark afterLoad in the profiler.
JDEBUG ? $_PROFILER->mark('afterLoad') : null;

// Instantiate the application.
$app = JFactory::getApplication('site');

// Execute the application.

Code Snippet from css file

.clearfix {
  *zoom: 1;
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
.clearfix:after {
  clear: both;
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
.input-block-level {
  display: block;
  width: 100%;
  min-height: ;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License