https://mohres.com/

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="UTF-8">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>MOHRES</title>
8    <link rel="stylesheet" href="css/bootstrap.min.css">
9    <link rel="stylesheet" href="css/font-awesome.min.css">
10    <link rel="stylesheet" href="css/animate.css">
11    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"><!-- Include Bootstrap CSS -->
12    
13    <link rel="stylesheet" href="css/mohresStyle.css">
14
15    <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600" rel="stylesheet">
16    <link rel="icon" href="images/mohres.jpg" type="image/x-icon" />
17</head>
18
19<body data-spy="scroll" data-offset="50" data-target=".navbar-collapse">
20    <!-- PRE LOADER -->
21    <div class="preloader">
22        <div class="sk-rotating-plane"></div>
23    </div>
24    <!-- Navigation -->
25    <div class="navbar navbar-fixed-top custom-navbar2" role="navigation">
26        <div class="container">
27            <!-- Navbar Header -->
28            <div class="navbar-header">
29                <button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
30                    <span class="icon icon-bar"></span>
31                    <span class="icon icon-bar"></span>
32                    <span class="icon icon-bar"></span>
33                </button>
34                <a class="navbar-brand" href="#">MOHRES</a>
35            </div>
36            <div class="collapse navbar-collapse">
37                <ul class="nav navbar-nav navbar-right">
38                    <li class="active"><a href="index.html">About</a></li>
39                    <li><a href="mohresProjects.html">Project Highlights</a></li>
40                    <li><a href="mohresResearch.html">MOHRES & Research</a></li>
41                    <li><a href="apps.html">Hosted Apps</a></li>
42                </ul>
43            </div>
44        </div>
45    </div>
46 
47    <!-- Circles and Text -->  
48    <div id="container">
49        <!-- SVG with 8 circles -->
50        <svg id="circleSvg" width="400" height="400" viewBox="0 0 400 400">
51            <!-- The circles will be generated dynamically by the JS -->
52        </svg>
53        <!-- Text area to display the information/ will be updated by js -->
54        <div id="text">
55        <h2>MOHRES</h2> is <h3>a Software Tool for Planning, Optimisation and Integration of Multi-vector Energy Systems</h3>and<h3>a Platform for Developing Energy Transition Solutions.</h3>
56        <br><br><p style="text-align: left;" class="wow fadeInUp" data-wow-delay="0.1s">Click on any of the circles to explore its key features, capabilities, and functionalities.</p>
57        </div>
58    </div>
59
60    <!-- Footer -->  
61    <section id="detail" class="parallax-section">
62        <div class="container">
63            <div class="row">
64                 Contact us via   <a href="mailto:[email protected]?Subject=MOHRES" target="_top">email</a><br>
65				<a href="https://www.abdn.ac.uk/engineering/people/profiles/alireza.maheri" target="_top">Prof Alireza Maheri</a><br>
66				<a href="https://www.abdn.ac.uk/engineering/" target="_blank"><img src="images\abdn.png" width="120" alt="MOHRES"  >    School of Engineering</a><br>
67                <br><p class="wow fadeInUp" data-wow-delay="0.1s" style="color:rgb(125, 125, 126);">&copy; 2026 MOHRES. All rights reserved. </p>
68                <!-- Certificate Seal >
69                <span id="siteseal" style="float: right;">

69<script async type="text/javascript" src="https://seal.starfieldtech.com/getSeal?sealID=AKZOSpex3fvF2hMzFErNqqUf0SdQK1UZlbmiVYuXrUeQnCiLw3ZoL8WgVzOD"></script>

69</span>
70                <-->
71            </div>
72        </div>
73    </section>
74
75    <!-- Back to Top Button -->
76    <a href="#back-top" class="go-top" data-wow-delay="0.1s" style="text-decoration: none;" title="Back to Top"><i class="fa fa-angle-up"> </i></a>
77
78    <!-- Scripts -->
79    

79<script src="js/jquery.js"></script>

79
80    

80<script src="js/bootstrap.min.js"></script>

80
81    

81<script src="js/jquery.parallax.js"></script>

81
82    

82<script src="js/owl.carousel.min.js"></script>

82
83    

83<script src="js/smoothscroll.js"></script>

83
84    

84<script src="js/wow.min.js"></script>

84
85    

85<script src="js/custom.js"></script>

85
86    

86<script src="js/mohresCircles.js?v=20251228"></script>

86
87
88</body>
89</html>